yvan/pet-ai
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

CSS样式美化

Browse Source
This commit is contained in:
jinlan.du
2020-02-03 10:58:29 +08:00
parent 4960e269c0
commit 15ee61e8e2
8 changed files with 274 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
QMPlusVuePage/src/view/example/form/form.vue
+80 -3
View File
@@ -1,7 +1,84 @@
<template>
<div>
<el-form :model="form" label-width="80px" ref="form">
<el-form-item label="活动名称">
<el-row>
<el-col :span="3"><label for="">活动名称</label></el-col>
<el-col :span="10"><el-input v-model="form.name"></el-input></el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">活动区域</label></el-col>
<el-col :span="10">
<el-select placeholder="请选择活动区域" v-model="form.region">
<el-option label="上海" value="shanghai"></el-option>
<el-option label="北京" value="beijing"></el-option>
</el-select>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">活动时间</label></el-col>
<el-col :span="10">
<el-col :span="11">
<el-date-picker placeholder="选择日期" style="width: 100%;" type="date" v-model="form.date1"></el-date-picker>
</el-col>
<el-col :span="2" class="line">——</el-col>
<el-col :span="11">
<el-time-picker placeholder="选择时间" style="width: 100%;" v-model="form.date2"></el-time-picker>
</el-col>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">即时配送</label></el-col>
<el-col :span="10"><el-switch v-model="form.delivery"></el-switch></el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">活动性质</label></el-col>
<el-col :span="10">
<el-checkbox-group v-model="form.type">
<el-checkbox label="美食/餐厅线上活动" name="type"></el-checkbox>
<el-checkbox label="地推活动" name="type"></el-checkbox>
<el-checkbox label="线下主题活动" name="type"></el-checkbox>
<el-checkbox label="单纯品牌曝光" name="type"></el-checkbox>
</el-checkbox-group>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">特殊资源</label></el-col>
<el-col :span="10">
<el-radio-group v-model="form.resource">
<el-radio label="线上品牌商赞助"></el-radio>
<el-radio label="线下场地免费"></el-radio>
</el-radio-group>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">活动形式</label></el-col>
<el-col :span="10"><el-input type="textarea" v-model="form.desc"></el-input></el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">穿梭框</label></el-col>
<el-col :span="20">
<el-transfer
:data="data"
:filter-method="filterMethod"
filter-placeholder="请输入城市拼音"
filterable
v-model="value"
></el-transfer>
</el-col>
</el-row>
<el-row>
<el-col :span="3"><label for="">活动时间</label></el-col>
<el-col :span="10"><el-input v-model="form.name"></el-input></el-col>
</el-row>
<el-row type="flex" justify="center">
<el-col :span="13">
<el-button @click="onSubmit" type="primary">立即创建</el-button>
<el-button>取消</el-button>
</el-col>
</el-row>
<!-- <el-form-item label="活动名称">
<el-input v-model="form.name"></el-input>
</el-form-item>
<el-form-item>
@@ -51,7 +128,7 @@
<el-form-item>
<el-button @click="onSubmit" type="primary">立即创建</el-button>
<el-button>取消</el-button>
</el-form-item>
</el-form-item> -->
</el-form>
</div>
</template>
@@ -107,4 +184,4 @@ export default {
}
}
}
</script>
</script>
QMPlusVuePage/src/view/example/rte/rte.vue
+1 -5
View File
@@ -11,7 +11,7 @@
></quill-editor>
<el-button plain @click="saveHtml">保存</el-button>
</div>
<div>
<div class="edit">
<mavon-editor v-model="model.content"></mavon-editor>
<el-button type="primary" size="small" @click="submit">发表</el-button>
</div>
@@ -47,7 +47,3 @@ export default {
}
}
</script>
<style>
</style>
QMPlusVuePage/src/view/example/upload/upload.vue
+2
View File
@@ -1,5 +1,6 @@
<template>
<div v-loading.fullscreen.lock="fullscreenLoading">
<div class="upload">
<el-upload
:action="`${path}/fileUploadAndDownload/upload`"
:before-upload="checkFile"
@@ -49,6 +50,7 @@
@size-change="handleSizeChange"
layout="total, sizes, prev, pager, next, jumper"
></el-pagination>
</div>
</div>
</template>
QMPlusVuePage/src/view/layout/aside/index.vue
-1
View File
@@ -8,7 +8,6 @@
:default-active="active"
@select="selectMenuItem"
active-text-color="#fff"
background-color="#0F3D5F"
text-color="rgb(191, 203, 217)"
unique-opened
>
QMPlusVuePage/src/view/layout/index.vue
+4 -4
View File
@@ -122,14 +122,14 @@ $mainHight: 100vh;
.main-cont {
.breadcrumb {
line-height: 24px;
padding: 6px;
border-bottom: 1px solid #eee;
// padding: 6px;
// border-bottom: 1px solid #eee;
margin-bottom: 6px;
}
&.el-main {
overflow: auto;
padding: 0px 10px;
background: #fff;
// padding: 0px 10px;
// background: #fff;
}
height: $mainHight !important;
overflow: visible;
QMPlusVuePage/src/view/superAdmin/authority/authority.vue
+2 -1
View File
@@ -11,9 +11,10 @@
stripe
:tree-props="{children: 'children', hasChildren: 'hasChildren'}">
<el-table-column label="id" min-width="180" prop="ID"></el-table-column>
<el-table-column label="角色id" min-width="180" prop="authorityId"></el-table-column>
<el-table-column label="角色名称" min-width="180" prop="authorityName"></el-table-column>
<el-table-column fixed="right" label="操作" width="500">
<el-table-column fixed="right" label="操作" width="500" :style="{ background:red , color:red}" >
<template slot-scope="scope">
<el-button @click="opdendrawer(scope.row)" size="small" type="text">设置权限</el-button>
<el-button @click="deleteAuth(scope.row)" size="small" type="text">删除角色</el-button>
QMPlusVuePage/src/view/superAdmin/system/system.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<div>
<el-form :model="config" label-width="100px" ref="form">
<el-form :model="config" label-width="100px" ref="form" class="system">
<h2>系统配置</h2>
<el-form-item label="多点登录拦截">
<el-checkbox v-model="config.system.useMultipoint">开启</el-checkbox>