yshop3.0-RC2版本

This commit is contained in:
hupeng
2020-07-09 15:59:53 +08:00
parent 329d1e1de3
commit 3dd6eff302
327 changed files with 133884 additions and 2020 deletions

View File

@ -1,5 +1,5 @@
<template>
<el-dialog :append-to-body="true" :close-on-click-modal="false" :before-close="cancel" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="900px">
<div class="app-container">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="标题">
<el-input v-model="form.title" style="width: 370px;" />
@ -14,30 +14,36 @@
<el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" />
</el-form-item>
<el-form-item label="正文">
<editor v-model="form.content" />
<!--<editor v-model="form.content" />-->
<ueditor-wrap v-model="form.content" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap>
</el-form-item>
<el-form-item>
<!--<el-button type="text" @click="cancel">取消</el-button>-->
<el-button :loading="loading" type="primary" @click="doSubmit">保存</el-button>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="cancel">取消</el-button>
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
</div>
</el-dialog>
<!--<div slot="footer" class="dialog-footer">-->
<!--<el-button type="text" @click="cancel">取消</el-button>-->
<!--<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>-->
<!--</div>-->
</div>
</template>
<script>
import { add, edit } from '@/api/yxArticle'
import { add, edit, get } from '@/api/yxArticle'
import picUpload from '@/components/pic-upload'
import editor from '../../components/Editor'
import yamedit from '@/components/YamlEdit'
import MaterialList from '@/components/material'
import UeditorWrap from 'vue-ueditor-wrap';
export default {
components: { editor, picUpload, yamedit, MaterialList },
props: {
isAdd: {
type: Boolean,
required: true
}
},
components: { editor, picUpload, yamedit, MaterialList, UeditorWrap },
// props: {
// isAdd: {
// type: Boolean,
// required: true
// }
// },
data() {
return {
loading: false, dialog: false,
@ -64,12 +70,56 @@ export default {
isBanner: ''
},
rules: {
},
myConfig: {
autoHeightEnabled: false, // 编辑器不自动被内容撑高
initialFrameHeight: 500, // 初始容器高度
initialFrameWidth: '100%', // 初始容器宽度
UEDITOR_HOME_URL: '/UEditor/',
serverUrl: ''
}
}
},
watch: {
},
created() {
this.form.id = this.$route.params.id
this.$nextTick(() => {
//this.init()
if(this.form.id){
get(this.form.id).then(data => {
this.form = data
this.form.imageArr = [data.imageInput]
})
}
})
},
methods: {
addCustomDialog () {
window.UE.registerUI('yshop', function (editor, uiName) {
let dialog = new window.UE.ui.Dialog({
iframeUrl: '/yshop/materia/index',
editor: editor,
name: uiName,
title: '上传图片',
cssRules: 'width:1200px;height:500px;padding:20px;'
});
this.dialog = dialog;
var btn = new window.UE.ui.Button({
name: 'dialog-button',
title: '上传图片',
cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;`,
onclick: function () {
dialog.render();
dialog.open();
}
});
return btn;
}, 37);
},
cancel() {
this.resetForm()
},
@ -81,7 +131,7 @@ export default {
this.form.imageInput = ''
}
if (this.isAdd) {
if (!this.form.id) {
this.doAdd()
} else this.doEdit()
},
@ -94,7 +144,10 @@ export default {
duration: 2500
})
this.loading = false
this.$parent.init()
// this.$parent.init()
setTimeout(() => {
this.$router.push({ path: '/wechat/wearticle' });
}, 500);
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
@ -109,7 +162,10 @@ export default {
duration: 2500
})
this.loading = false
this.$parent.init()
// this.$parent.init()
setTimeout(() => {
this.$router.push({ path: '/wechat/wearticle' });
}, 500);
}).catch(err => {
this.loading = false
console.log(err.response.data.message)

View File

@ -0,0 +1,183 @@
<template>
<el-dialog :append-to-body="true" :close-on-click-modal="false" :before-close="cancel" :visible.sync="dialog" :title="isAdd ? '新增' : '编辑'" width="1000px">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="80px">
<el-form-item label="标题">
<el-input v-model="form.title" style="width: 370px;" />
</el-form-item>
<el-form-item label="作者">
<el-input v-model="form.author" style="width: 370px;" />
</el-form-item>
<el-form-item label="封面">
<MaterialList v-model="form.imageArr" style="width: 370px" type="image" :num="1" :width="150" :height="150" />
</el-form-item>
<el-form-item label="简介">
<el-input v-model="form.synopsis" style="width: 370px;" rows="5" type="textarea" />
</el-form-item>
<el-form-item label="正文">
<!--<editor v-model="form.content" />-->
<ueditor-wrap v-model="form.content" :config="myConfig" @beforeInit="addCustomDialog" style="width: 90%;"></ueditor-wrap>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="text" @click="cancel">取消</el-button>
<el-button :loading="loading" type="primary" @click="doSubmit">确认</el-button>
</div>
</el-dialog>
</template>
<script>
import { add, edit } from '@/api/yxArticle'
import picUpload from '@/components/pic-upload'
import editor from '../../components/Editor'
import yamedit from '@/components/YamlEdit'
import MaterialList from '@/components/material'
import UeditorWrap from 'vue-ueditor-wrap';
export default {
components: { editor, picUpload, yamedit, MaterialList, UeditorWrap },
props: {
isAdd: {
type: Boolean,
required: true
}
},
data() {
return {
loading: false, dialog: false,
form: {
id: '',
cid: '',
title: '',
author: '',
imageInput: '',
imageArr: [],
synopsis: '',
content: '',
shareTitle: '',
shareSynopsis: '',
visit: '',
sort: '',
url: '',
status: '',
addTime: '',
hide: '',
merId: '',
productId: '',
isHot: '',
isBanner: ''
},
rules: {
},
myConfig: {
autoHeightEnabled: false, // 编辑器不自动被内容撑高
initialFrameHeight: 500, // 初始容器高度
initialFrameWidth: '100%', // 初始容器宽度
UEDITOR_HOME_URL: '/UEditor/',
serverUrl: 'http://35.201.165.105:8000/controller.php'
}
}
},
watch: {
},
methods: {
addCustomDialog (editorId) {
window.UE.registerUI('test-dialog', function (editor, uiName) {
let dialog = new window.UE.ui.Dialog({
iframeUrl: '/admin/widget.images/index.html?fodder=dialog',
editor: editor,
name: uiName,
title: '上传图片',
cssRules: 'width:1200px;height:500px;padding:20px;'
});
this.dialog = dialog;
// 参考上面的自定义按钮
var btn = new window.UE.ui.Button({
name: 'dialog-button',
title: '上传图片',
cssRules: `background-image: url(../../../assets/images/icons.png);background-position: -726px -77px;`,
onclick: function () {
// 渲染dialog
dialog.render();
dialog.open();
}
});
return btn;
}, 37);
},
cancel() {
this.resetForm()
},
doSubmit() {
this.loading = true
if(this.form.imageArr.length > 0){
this.form.imageInput = this.form.imageArr.join(',')
}else{
this.form.imageInput = ''
}
if (this.isAdd) {
this.doAdd()
} else this.doEdit()
},
doAdd() {
add(this.form).then(res => {
this.resetForm()
this.$notify({
title: '添加成功',
type: 'success',
duration: 2500
})
this.loading = false
this.$parent.init()
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
})
},
doEdit() {
edit(this.form).then(res => {
this.resetForm()
this.$notify({
title: '修改成功',
type: 'success',
duration: 2500
})
this.loading = false
this.$parent.init()
}).catch(err => {
this.loading = false
console.log(err.response.data.message)
})
},
resetForm() {
this.dialog = false
this.$refs['form'].resetFields()
this.form = {
id: '',
cid: '',
title: '',
author: '',
imageInput: '',
synopsis: '',
shareTitle: '',
shareSynopsis: '',
visit: '',
sort: '',
url: '',
status: '',
addTime: '',
hide: '',
adminId: '',
merId: '',
productId: '',
isHot: '',
isBanner: ''
}
}
}
}
</script>
<style scoped>
</style>

View File

@ -10,12 +10,15 @@
size="mini"
type="primary"
icon="el-icon-plus"
@click="add"
>新增</el-button>
>
<router-link :to="'/wechat/artadd'">
新增
</router-link>
</el-button>
</div>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />
<!--<eForm ref="form" :is-add="isAdd" />-->
<!--表格渲染-->
<el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<el-table-column prop="id" label="ID" />
@ -26,14 +29,20 @@
<a :href="scope.row.imageInput" style="color: #42b983" target="_blank"><img :src="scope.row.imageInput" alt="点击打开" class="el-avatar"></a>
</template>
</el-table-column>
<el-table-column :show-overflow-tooltip="true" prop="addTime" label="创建日期">
<el-table-column :show-overflow-tooltip="true" prop="createTime" label="创建日期">
<template slot-scope="scope">
<span>{{ scope.row.addTime }}</span>
<span>{{ scope.row.createTime }}</span>
</template>
</el-table-column>
<el-table-column v-if="checkPermission(['admin','YXARTICLE_ALL','YXARTICLE_EDIT','YXARTICLE_DELETE'])" label="操作" width="180px" align="center">
<el-table-column v-if="checkPermission(['admin','YXARTICLE_ALL','YXARTICLE_EDIT','YXARTICLE_DELETE'])" label="操作" width="220px" align="center">
<template slot-scope="scope">
<el-button v-permission="['admin','YXARTICLE_ALL','YXARTICLE_EDIT']" size="mini" type="primary" icon="el-icon-edit" @click="edit(scope.row)" />
<el-button v-permission="['admin','YXARTICLE_ALL','YXARTICLE_EDIT']" size="mini"
type="primary" icon="el-icon-edit"
>
<router-link :to="'/wechat/artadd/'+scope.row.id">
编辑
</router-link>
</el-button>
<el-popover
:ref="scope.row.id"
v-permission="['admin','YXARTICLE_ALL','YXARTICLE_DELETE']"

View File

@ -1,7 +1,7 @@
<template>
<div class="app-container">
<el-form ref="form" :model="form" :rules="rules" size="small" label-width="150px">
<el-form-item label="开启短信">
<el-form-item label="开启">
<el-radio v-model="form.exp_enable" :label="1">开启</el-radio>
<el-radio v-model="form.exp_enable" :label="2">关闭</el-radio>
</el-form-item>

View File

@ -7,11 +7,11 @@
</el-form-item>
<el-form-item label="一级返佣比例">
<el-input v-model="form.store_brokerage_ratio" style="width: 370px;" />
<p style="color: red">订单交易成功后给上级返佣的比例0 - 100,:5 = 反订单金额的5%</p>
<p style="color: red">金额乘以百分比,如果商品设置了单独分销最终金额固定返佣 + 比例返佣 = 总返佣金额</p>
</el-form-item>
<el-form-item label="二级返佣比例">
<el-input v-model="form.store_brokerage_two" style="width: 370px;" />
<p style="color: red">订单交易成功后给上级返佣的比例0 - 100,:5 = 反订单金额的5%</p>
<p style="color: red">金额乘以百分比,如果商品设置了单独分销最终金额固定返佣 + 比例返佣 = 总返佣金额<</p>
</el-form-item>
<el-form-item label="提现最低金额">
<el-input v-model="form.user_extract_min_price" style="width: 370px;" />

View File

@ -14,6 +14,10 @@
<el-radio v-model="form.file_store_mode" :label="1">本地存储</el-radio>
<el-radio v-model="form.file_store_mode" :label="2">云存储</el-radio>
</el-form-item>
<el-form-item label="包邮金额">
<el-input v-model="form.store_free_postage" style="width: 370px;" />
<p style="color: red">如果设置满包邮0 表示全局包邮如果设置大于0表示满这价格包邮否则走运费模板算法</p>
</el-form-item>
<el-form-item label="">
<el-button type="primary" @click="doSubmit">提交</el-button>
</el-form-item>
@ -38,7 +42,8 @@ export default {
file_store_mode: 2,
site_url: '',
api_url: '',
admin_api_url: ''
admin_api_url: '',
store_free_postage: ''
},
rules: {
}

View File

@ -1,119 +0,0 @@
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<!-- 新增 -->
<div style="display: inline-block;margin: 0px 2px;">
<el-button
v-permission="['admin','YxWechatMenu_ALL','YxWechatMenu_CREATE']"
class="filter-item"
size="mini"
type="primary"
icon="el-icon-plus"
@click="add"
>新增</el-button>
</div>
</div>
<!--表单组件-->
<eForm ref="form" :is-add="isAdd" />
<!--表格渲染-->
<el-table v-loading="loading" :data="data" size="small" style="width: 100%;">
<el-table-column prop="key" label="key" />
<el-table-column prop="result" label="缓存数据" />
<el-table-column prop="addTime" label="缓存时间" />
<el-table-column v-if="checkPermission(['admin','YxWechatMenu_ALL','YxWechatMenu_EDIT','YxWechatMenu_DELETE'])" label="操作" width="150px" align="center">
<template slot-scope="scope">
<el-button v-permission="['admin','YxWechatMenu_ALL','YxWechatMenu_EDIT']" size="mini" type="primary" icon="el-icon-edit" @click="edit(scope.row)" />
<el-popover
:ref="scope.row.key"
v-permission="['admin','YxWechatMenu_ALL','YxWechatMenu_DELETE']"
placement="top"
width="180"
>
<p>确定删除本条数据吗</p>
<div style="text-align: right; margin: 0">
<el-button size="mini" type="text" @click="$refs[scope.row.key].doClose()">取消</el-button>
<el-button :loading="delLoading" type="primary" size="mini" @click="subDelete(scope.row.key)">确定</el-button>
</div>
<el-button slot="reference" type="danger" icon="el-icon-delete" size="mini" />
</el-popover>
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<el-pagination
:total="total"
:current-page="page + 1"
style="margin-top: 8px;"
layout="total, prev, pager, next, sizes"
@size-change="sizeChange"
@current-change="pageChange"
/>
</div>
</template>
<script>
import checkPermission from '@/utils/permission'
import initData from '@/mixins/crud'
import { del } from '@/api/YxWechatMenu'
import eForm from './form'
export default {
components: { eForm },
mixins: [initData],
data() {
return {
delLoading: false
}
},
created() {
this.$nextTick(() => {
this.init()
})
},
methods: {
checkPermission,
beforeInit() {
this.url = 'api/YxWechatMenu'
const sort = 'key,desc'
this.params = { page: this.page, size: this.size, sort: sort }
return true
},
subDelete(key) {
this.delLoading = true
del(key).then(res => {
this.delLoading = false
this.$refs[key].doClose()
this.dleChangePage()
this.init()
this.$notify({
title: '删除成功',
type: 'success',
duration: 2500
})
}).catch(err => {
this.delLoading = false
this.$refs[key].doClose()
console.log(err.response.data.message)
})
},
add() {
this.isAdd = true
this.$refs.form.dialog = true
},
edit(data) {
this.isAdd = false
const _this = this.$refs.form
_this.form = {
key: data.key,
result: data.result,
addTime: data.addTime
}
_this.dialog = true
}
}
}
</script>
<style scoped>
</style>

View File

@ -293,13 +293,15 @@ export default {
<style rel="stylesheet/scss" scoped>
body {
font-family: "open sans","Helvetica Neue",Helvetica,Arial,sans-serif;
font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 13px;
color: #676a6c;
overflow-x: hidden;
}
.form-group{font-size: 12px}
.form-group {
font-size: 12px
}
.form-control {
background-color: #FFF;
@ -309,90 +311,361 @@ export default {
color: inherit;
display: block;
padding: 6px 12px;
-webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
-webkit-transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
width: 100%;
font-size: 14px;}
font-size: 14px;
}
.flex{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; }
.flex {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
#app .layout-ceiling-main a{ color:#9ba7b5}
#app .layout-ceiling-main a {
color: #9ba7b5
}
#table-list .mp-header-wrapper h1{ padding-left:15px; float: left; font-size: 18px; line-height: 24px; padding-bottom: 20px; font-weight: 400; color: #464c5b; }
#table-list .mp-header-wrapper h1 {
padding-left: 15px;
float: left;
font-size: 18px;
line-height: 24px;
padding-bottom: 20px;
font-weight: 400;
color: #464c5b;
}
.mp-form .ivu-tree li{ margin: 0; }
.mp-form .ivu-tree li {
margin: 0;
}
.mp-form .demo-upload-list img{ width: 100%; height: 100%; }
.mp-form .demo-upload-list img {
width: 100%;
height: 100%;
}
.mp-form .demo-upload-list-cover i{ color: #fff; font-size: 20px; cursor: pointer; margin: 0 2px; }
.mp-form .demo-upload-list-cover i {
color: #fff;
font-size: 20px;
cursor: pointer;
margin: 0 2px;
}
.wechat-reply-wrapper .fr {
float: right;
}
.wechat-reply-wrapper .clearfix:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.wechat-reply-wrapper .ibox-title p {
border-left: 2px solid #2494f2;
text-indent: 8px;
}
.wechat-reply-wrapper .ibox-content {
padding: 15px;
font-size: 12 ox
}
.wechat-reply-wrapper .ibox-content .view-wrapper {
position: relative;
width: 317px;
background-image: url(../../../assets/wechat/mobile_head.png);
background-repeat: no-repeat;
background-position: left top;
background-color: #f5f5f5;
}
.wechat-reply-wrapper .ibox-content .view-wrapper .mobile-header {
position: relative;
left: 0;
top: 36px;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
}
.wechat-reply-wrapper .ibox-content .view-wrapper .view-body {
margin-top: 65px;
background-color: #f5f5f5;
height: 500px;
}
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper {
margin-bottom: 10px;
text-align: center;
}
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper .time {
display: inline-block;
color: #f5f5f5;
display: inline-block;
color: #f5f5f5;
background: rgba(0, 0, 0, .3);
padding: 3px 8px;
border-radius: 3px;
font-size: 12px;
}
.wechat-reply-wrapper .fr{ float: right; }
.wechat-reply-wrapper .clearfix:after{ content:"."; display:block; height:0; visibility:hidden; clear:both; }
.wechat-reply-wrapper .ibox-title p{ border-left: 2px solid #2494f2; text-indent: 8px; }
.wechat-reply-wrapper .ibox-content{ padding: 15px; font-size: 12ox}
.wechat-reply-wrapper .ibox-content .view-wrapper{ position: relative; width: 317px; background-image:url(../../../assets/wechat/mobile_head.png); background-repeat: no-repeat; background-position: left top; background-color: #f5f5f5; }
.wechat-reply-wrapper .ibox-content .view-wrapper .mobile-header{ position: relative; left: 0; top: 36px; width: 100%; text-align: center; color: #fff; font-size: 16px; }
.wechat-reply-wrapper .ibox-content .view-wrapper .view-body{ margin-top: 65px; background-color: #f5f5f5; height: 500px; }
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper{ margin-bottom: 10px; text-align: center; }
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper .time{ display: inline-block; color: #f5f5f5; display: inline-block; color: #f5f5f5; background: rgba(0,0,0,.3); padding: 3px 8px; border-radius: 3px; font-size: 12px; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .avatar img {
max-width: 100%;
height: auto;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .avatar img{ max-width: 100%; height: auto; }
.wechat-reply-wrapper .submit {
text-align: center;
}
.wechat-reply-wrapper .submit{text-align: center;}
/* 图文 */
/* 音乐 */
.view-wrapper .view-body .view-item.music-box .box-content p{ width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view-wrapper .view-body .view-item.music-box .box-content p {
width: 75%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 右侧控制器 */
.wechat-reply-wrapper .ibox-content .control-wrapper{ position: relative; width: 535px; height: 565px; padding: 0; margin-left: 20px; border: 1px solid #e2e2e2; }
.wechat-reply-wrapper .ibox-content .control-wrapper {
position: relative;
width: 535px;
height: 565px;
padding: 0;
margin-left: 20px;
border: 1px solid #e2e2e2;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body{ margin-top: 40px; padding: 0 10px; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group label{ font-weight: normal; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .tips:after{ content: '*'; color: red; position: absolute; margin-left: 4px; font-weight: bold; line-height: 1.8em; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item{ position: relative; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item .file-btn{ position: absolute; right: 15px; top: 0; display: block; width: 66px; border-radius: 6px; cursor: pointer; padding: .5rem; background-color: #18a689; color: #fff; text-align: center; height: 100%; line-height: 23px; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item textarea{ resize: none; width: 100%; height: 100px; padding: 10px; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .tips-info{ padding-left: 100px; font-size: 12px; color: #737373; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item{ display: none; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item.show{ display: block; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body {
margin-top: 40px;
padding: 0 10px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group label {
font-weight: normal;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .tips:after {
content: '*';
color: red;
position: absolute;
margin-left: 4px;
font-weight: bold;
line-height: 1.8em;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item {
position: relative;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item .file-btn {
position: absolute;
right: 15px;
top: 0;
display: block;
width: 66px;
border-radius: 6px;
cursor: pointer;
padding: .5rem;
background-color: #18a689;
color: #fff;
text-align: center;
height: 100%;
line-height: 23px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item textarea {
resize: none;
width: 100%;
height: 100px;
padding: 10px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .tips-info {
padding-left: 100px;
font-size: 12px;
color: #737373;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item {
display: none;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item.show {
display: block;
}
/* 微信菜单定制 */
.wechat-menu{ position: relative; }
.wechat-menu ul{ padding: 0; }
.wechat-menu .menu-footer{ position: absolute; left:0; bottom: -10px; width: 100%; padding-left: 43px; background: url("../../../assets/wechat/mobile_foot.png") no-repeat 0px 20px; border-top: 1px solid #e7e7eb; }
.wechat-menu .menu-footer span{display: block;font-size: 12px}
.wechat-menu .menu-footer .icon-add{ background: url(../../../assets/wechat/index.png) 0 0 no-repeat; width: 14px; height: 14px; vertical-align: middle; display: inline-block; margin-top: -2px; border-bottom: none!important; }
.wechat-menu .menu-footer li{ position: relative; -webkit-flex: 1; -moz-flex:1; -ms-flex: 1; flex: 1; height: 50px; line-height: 50px; text-align: center; cursor: pointer; list-style: none; border: 1px solid transparent; border-right: 1px solid #e7e7eb; }
.wechat-menu .menu-footer .icon-sub{ background: url(../../../assets/wechat/index.png) 0 -48px no-repeat; width: 7px; height: 7px; vertical-align: middle; display: inline-block; margin-right: 2px; margin-top: -2px; }
.wechat-menu .menu-footer .sub-menu{ position: absolute; border-radius: 3px; border: 1px solid #d0d0d0; display: block; bottom: 60px; width: 100%; background-color: #fafafa; }
.wechat-menu .menu-footer .sub-menu:after{ content: ''; position: absolute; width: 10px; height: 10px; background: #fafafa;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: -5px; border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; left: 50%; margin-left: -5px; }
.wechat-menu .menu-footer .sub-menu li{border-right: 0; border-bottom: 1px solid #d0d0d0;}
.wechat-menu .menu-footer .sub-menu li:last-child{border-bottom: 0;}
.wechat-menu .menu-footer .active{border:1px solid #44b549;}
.wechat-menu .menu-footer .sub-menu li.active{border:1px solid #44b549 !important;}
.wechat-menu {
position: relative;
}
.wechat-menu ul {
padding: 0;
}
.wechat-menu .menu-footer {
position: absolute;
left: 0;
bottom: -10px;
width: 100%;
padding-left: 43px;
background: url("../../../assets/wechat/mobile_foot.png") no-repeat 0px 20px;
border-top: 1px solid #e7e7eb;
}
.wechat-menu .menu-footer span {
display: block;
font-size: 12px
}
.wechat-menu .menu-footer .icon-add {
background: url(../../../assets/wechat/index.png) 0 0 no-repeat;
width: 14px;
height: 14px;
vertical-align: middle;
display: inline-block;
margin-top: -2px;
border-bottom: none !important;
}
.wechat-menu .menu-footer li {
position: relative;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
list-style: none;
border: 1px solid transparent;
border-right: 1px solid #e7e7eb;
}
.wechat-menu .menu-footer .icon-sub {
background: url(../../../assets/wechat/index.png) 0 -48px no-repeat;
width: 7px;
height: 7px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
margin-top: -2px;
}
.wechat-menu .menu-footer .sub-menu {
position: absolute;
border-radius: 3px;
border: 1px solid #d0d0d0;
display: block;
bottom: 60px;
width: 100%;
background-color: #fafafa;
}
.wechat-menu .menu-footer .sub-menu:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
background: #fafafa;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: -5px;
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
left: 50%;
margin-left: -5px;
}
.wechat-menu .menu-footer .sub-menu li {
border-right: 0;
border-bottom: 1px solid #d0d0d0;
}
.wechat-menu .menu-footer .sub-menu li:last-child {
border-bottom: 0;
}
.wechat-menu .menu-footer .active {
border: 1px solid #44b549;
}
.wechat-menu .menu-footer .sub-menu li.active {
border: 1px solid #44b549 !important;
}
/* 右侧 */
.wechat-menu .menu-control .popover-title{ padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; font-weight: 400; }
.wechat-menu .menu-control .popover-title a{ color: #06C; font-size: 12px; }
.wechat-menu .menu-control .tips-txt{line-height: 40px; padding: 0 20px; font-size: 12px}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content{ padding: 0 20px; margin-top: 0; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .radio{ display: inline-block !important; width: 45%; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box {padding: 0 20px;}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box .radio{ display: block!important; width: 100%; }
.menu-control-box .item{ display: none; }
.menu-control-box .show{ display: block; }
.wechat-menu .menu-control .popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
font-weight: 400;
}
.wechat-menu .menu-control .popover-title a {
color: #06C;
font-size: 12px;
}
.wechat-menu .menu-control .tips-txt {
line-height: 40px;
padding: 0 20px;
font-size: 12px
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content {
padding: 0 20px;
margin-top: 0;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .radio {
display: inline-block !important;
width: 45%;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box {
padding: 0 20px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box .radio {
display: block !important;
width: 100%;
}
.menu-control-box .item {
display: none;
}
.menu-control-box .show {
display: block;
}
</style>

View File

@ -249,7 +249,7 @@ export default {
</script>
<style scoped>
.form-control{
.form-control {
background-color: #FFF;
background-image: none;
border: 1px solid #e5e6e7;
@ -257,95 +257,529 @@ export default {
color: inherit;
display: block;
padding: 6px 12px;
-webkit-transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
transition: border-color .15s ease-in-out 0s,box-shadow .15s ease-in-out 0s;
-webkit-transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
transition: border-color .15s ease-in-out 0s, box-shadow .15s ease-in-out 0s;
width: 100%;
font-size: 14px;}
font-size: 14px;
}
#app .layout-ceiling-main a {
color: #9ba7b5
}
#table-list .mp-header-wrapper h1 {
padding-left: 15px;
float: left;
font-size: 18px;
line-height: 24px;
padding-bottom: 20px;
font-weight: 400;
color: #464c5b;
}
.mp-form .ivu-tree li {
margin: 0;
}
.mp-form .demo-upload-list img {
width: 100%;
height: 100%;
}
.mp-form .demo-upload-list-cover i {
color: #fff;
font-size: 20px;
cursor: pointer;
margin: 0 2px;
}
.wechat-reply-wrapper .fl {
float: left;
margin-left: 10px;
}
.wechat-reply-wrapper .fr {
float: right;
}
.wechat-reply-wrapper .clearfix:after {
content: ".";
display: block;
height: 10px;
visibility: hidden;
clear: both;
}
.wechat-reply-wrapper .ibox-title {
padding: 0px;
font-size: 16px;
border-bottom: 1px solid #e7eaec;
}
.wechat-reply-wrapper .ibox-title p {
border-left: 2px solid #2494f2;
text-indent: 8px;
}
.wechat-reply-wrapper .ibox-content {
padding: 15px;
font-size: 12px
}
.wechat-reply-wrapper .ibox-content .view-wrapper {
position: relative;
width: 317px;
background-image: url(../../../assets/wechat/mobile_head.png);
background-repeat: no-repeat;
background-position: left top;
background-color: #f5f5f5;
}
.wechat-reply-wrapper .ibox-content .view-wrapper .mobile-header {
position: relative;
left: 0;
top: 36px;
width: 100%;
text-align: center;
color: #fff;
font-size: 16px;
}
.wechat-reply-wrapper .ibox-content .view-wrapper .view-body {
margin-top: 65px;
background-color: #f5f5f5;
height: 500px;
}
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper {
margin-bottom: 10px;
text-align: center;
}
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper .time {
display: inline-block;
color: #f5f5f5;
display: inline-block;
color: #f5f5f5;
background: rgba(0, 0, 0, .3);
padding: 3px 8px;
border-radius: 3px;
font-size: 12px;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item {
display: none;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item.show {
display: block;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .avatar {
width: 40px;
height: 40px;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .avatar img {
max-width: 100%;
height: auto;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content {
position: relative;
max-width: 60%;
min-height: 40px;
margin-left: 15px;
padding: 10px;
border: 1px solid #ccc;
word-break: break-all;
word-wrap: break-word;
line-height: 1.5;
border-radius: 5px;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content .picbox {
max-width: 100%;
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content:before {
content: '';
position: absolute;
left: -13px;
top: 11px;
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #ccc;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content:after {
content: '';
content: '';
position: absolute;
left: -12px;
top: 11px;
display: block;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 10px solid #f5f5f5;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.wechat-reply-wrapper .submit {
text-align: center;
}
#app .layout-ceiling-main a{ color:#9ba7b5}
#table-list .mp-header-wrapper h1{ padding-left:15px; float: left; font-size: 18px; line-height: 24px; padding-bottom: 20px; font-weight: 400; color: #464c5b; }
.mp-form .ivu-tree li{ margin: 0; }
.mp-form .demo-upload-list img{ width: 100%; height: 100%; }
.mp-form .demo-upload-list-cover i{ color: #fff; font-size: 20px; cursor: pointer; margin: 0 2px; }
.wechat-reply-wrapper .fl{ float: left;margin-left: 10px; }
.wechat-reply-wrapper .fr{ float: right; }
.wechat-reply-wrapper .clearfix:after{ content:"."; display:block; height:10px; visibility:hidden; clear:both; }
.wechat-reply-wrapper .ibox-title{ padding:0px; font-size: 16px; border-bottom: 1px solid #e7eaec; }
.wechat-reply-wrapper .ibox-title p{ border-left: 2px solid #2494f2; text-indent: 8px; }
.wechat-reply-wrapper .ibox-content{ padding: 15px; font-size: 12px}
.wechat-reply-wrapper .ibox-content .view-wrapper{ position: relative; width: 317px; background-image:url(../../../assets/wechat/mobile_head.png); background-repeat: no-repeat; background-position: left top; background-color: #f5f5f5; }
.wechat-reply-wrapper .ibox-content .view-wrapper .mobile-header{ position: relative; left: 0; top: 36px; width: 100%; text-align: center; color: #fff; font-size: 16px; }
.wechat-reply-wrapper .ibox-content .view-wrapper .view-body{ margin-top: 65px; background-color: #f5f5f5; height: 500px; }
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper{ margin-bottom: 10px; text-align: center; }
.wechat-reply-wrapper .view-wrapper .view-body .time-wrapper .time{ display: inline-block; color: #f5f5f5; display: inline-block; color: #f5f5f5; background: rgba(0,0,0,.3); padding: 3px 8px; border-radius: 3px; font-size: 12px; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item{ display: none; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item.show{ display: block; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .avatar{ width: 40px; height: 40px; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .avatar img{ max-width: 100%; height: auto; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content{ position: relative; max-width: 60%; min-height: 40px; margin-left: 15px; padding: 10px; border: 1px solid #ccc; word-break: break-all; word-wrap: break-word; line-height: 1.5; border-radius: 5px; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content .picbox{ max-width: 100%; }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content:before{ content: ''; position: absolute; left: -13px; top: 11px; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #ccc; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.wechat-reply-wrapper .view-wrapper .view-body .view-item .box-content:after{ content: ''; content: ''; position: absolute; left: -12px; top: 11px; display: block; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 10px solid #f5f5f5; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.wechat-reply-wrapper .submit{text-align: center;}
/* 图文 */
.view-wrapper .view-body .view-item.news-box{ width: 100%; background-color: #fff; border-radius: 5px; }
.view-wrapper .view-body .view-item .vn-content{ padding:0;}
.view-wrapper .view-body .view-item .vn-content .vn-title{ line-height: 1.5; font-size: 16px; }
.view-wrapper .view-body .view-item .vn-content .vn-time{ padding: 5px 0; font-size: 12px; color: #999; }
.view-wrapper .view-body .view-item .vn-content .vn-picture{ width: 100%; height: 150px; background-size: cover; background-position: center center; border-radius: 5px 5px 0 0;}
.view-wrapper .view-body .view-item .vn-content .vn-picture-info{ line-height: 22px; color: #7b7b7b; padding: 0; display: block; overflow: hidden; word-break: break-all; text-overflow: ellipsis; font-size: 12px; white-space: nowrap; }
.view-wrapper .view-body .view-item .vn-more{ display: block; padding: 10px 0 0; border-top: 1px solid #dddddd; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view-wrapper .view-body .view-item .vn-content .con-item-box{ position: relative; }
.view-wrapper .view-body .view-item .vn-content .con-item-box .first-title{ width: 100%; height: 44px; line-height: 44px; font-size: 14px; position: absolute; left: 0; bottom: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /*background: rgba(0,0,0,.8);*/ color: #fff; text-indent: 1em; }
.view-wrapper .view-body .view-item .vn-content .con-item-list{ margin-top: 10px; margin:6px 10px 0 10px; border-top: 1px solid #FBFBFB; }
.view-wrapper .view-body .view-item .vn-content .con-item-list .list-tit-info{ width: 70%; line-height: 1.5; word-wrap:break-word; }
.view-wrapper .view-body .view-item .vn-content .con-item-list .list-pic{ width: 20%; min-height: 50px; background-size: cover; background-position: center center; }
.view-wrapper .view-body .view-item.news-box {
width: 100%;
background-color: #fff;
border-radius: 5px;
}
.view-wrapper .view-body .view-item .vn-content {
padding: 0;
}
.view-wrapper .view-body .view-item .vn-content .vn-title {
line-height: 1.5;
font-size: 16px;
}
.view-wrapper .view-body .view-item .vn-content .vn-time {
padding: 5px 0;
font-size: 12px;
color: #999;
}
.view-wrapper .view-body .view-item .vn-content .vn-picture {
width: 100%;
height: 150px;
background-size: cover;
background-position: center center;
border-radius: 5px 5px 0 0;
}
.view-wrapper .view-body .view-item .vn-content .vn-picture-info {
line-height: 22px;
color: #7b7b7b;
padding: 0;
display: block;
overflow: hidden;
word-break: break-all;
text-overflow: ellipsis;
font-size: 12px;
white-space: nowrap;
}
.view-wrapper .view-body .view-item .vn-more {
display: block;
padding: 10px 0 0;
border-top: 1px solid #dddddd;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.view-wrapper .view-body .view-item .vn-content .con-item-box {
position: relative;
}
.view-wrapper .view-body .view-item .vn-content .con-item-box .first-title {
width: 100%;
height: 44px;
line-height: 44px;
font-size: 14px;
position: absolute;
left: 0;
bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap; /*background: rgba(0,0,0,.8);*/
color: #fff;
text-indent: 1em;
}
.view-wrapper .view-body .view-item .vn-content .con-item-list {
margin-top: 10px;
margin: 6px 10px 0 10px;
border-top: 1px solid #FBFBFB;
}
.view-wrapper .view-body .view-item .vn-content .con-item-list .list-tit-info {
width: 70%;
line-height: 1.5;
word-wrap: break-word;
}
.view-wrapper .view-body .view-item .vn-content .con-item-list .list-pic {
width: 20%;
min-height: 50px;
background-size: cover;
background-position: center center;
}
/* 音乐 */
.view-wrapper .view-body .view-item.music-box .box-content{ position: relative; width: 100%; background: #080; color: #fff; border-color: #080; }
.view-wrapper .view-body .view-item.music-box .box-content p{ width: 75%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view-wrapper .view-body .view-item.music-box .box-content .music-icon{ position: absolute; right: 11px; top: 50%; width: 30px; height: 30px; background: #0a0; text-align: center; line-height: 30px; margin-top: -15px; font-size: 16px; }
.view-wrapper .view-body .view-item.music-box .box-content {
position: relative;
width: 100%;
background: #080;
color: #fff;
border-color: #080;
}
.view-wrapper .view-body .view-item.music-box .box-content p {
width: 75%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.view-wrapper .view-body .view-item.music-box .box-content .music-icon {
position: absolute;
right: 11px;
top: 50%;
width: 30px;
height: 30px;
background: #0a0;
text-align: center;
line-height: 30px;
margin-top: -15px;
font-size: 16px;
}
.view-wrapper .view-body .view-item.music-box .box-content:after {
display: none;
}
.view-wrapper .view-body .view-item.music-box .box-content:before {
border-top: 10px solid #080;
}
.view-wrapper .view-body .view-item.music-box .box-content:after{ display: none; }
.view-wrapper .view-body .view-item.music-box .box-content:before{ border-top: 10px solid #080; }
/* 视频 */
.view-wrapper .view-body .view-item.video-box{ width: 100%; background-color: #fff; border: 1px solid #ccc; border-radius: 5px; }
.view-wrapper .view-body .view-item.video-box .vn-title{ overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.view-wrapper .view-body .view-item.video-box {
width: 100%;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 5px;
}
.view-wrapper .view-body .view-item.video-box .vn-title {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
/* 右侧控制器 */
.wechat-reply-wrapper .ibox-content .control-wrapper{ position: relative; width: 535px; height: 565px; padding: 0; margin-left: 20px; border: 1px solid #e2e2e2; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-title{ position: absolute; left: 71px; top: -12px; width: auto; padding: 0 10px; font-size: 20px; background-color: #fff; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body{ margin-top: 40px; padding: 0 10px; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group label{ font-weight: normal; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .tips:after{ content: '*'; color: red; position: absolute; margin-left: 4px; font-weight: bold; line-height: 1.8em; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item{ position: relative; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item .file-btn{ position: absolute; right: 15px; top: 0; display: block; width: 66px; border-radius: 6px; cursor: pointer; padding: .5rem; background-color: #18a689; color: #fff; text-align: center; height: 100%; line-height: 23px; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item textarea{ resize: none; width: 100%; height: 100px; padding: 10px; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .tips-info{ padding-left: 100px; font-size: 12px; color: #737373; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item{ display: none; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item.show{ display: block; }
.wechat-reply-wrapper .ibox-content .control-wrapper {
position: relative;
width: 535px;
height: 565px;
padding: 0;
margin-left: 20px;
border: 1px solid #e2e2e2;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-title {
position: absolute;
left: 71px;
top: -12px;
width: auto;
padding: 0 10px;
font-size: 20px;
background-color: #fff;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body {
margin-top: 40px;
padding: 0 10px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group label {
font-weight: normal;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .tips:after {
content: '*';
color: red;
position: absolute;
margin-left: 4px;
font-weight: bold;
line-height: 1.8em;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item {
position: relative;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item .file-btn {
position: absolute;
right: 15px;
top: 0;
display: block;
width: 66px;
border-radius: 6px;
cursor: pointer;
padding: .5rem;
background-color: #18a689;
color: #fff;
text-align: center;
height: 100%;
line-height: 23px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .form-group .group-item textarea {
resize: none;
width: 100%;
height: 100px;
padding: 10px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .tips-info {
padding-left: 100px;
font-size: 12px;
color: #737373;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item {
display: none;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body .control-main .control-item.show {
display: block;
}
/* 微信菜单定制 */
.wechat-menu ul{ padding: 0; }
.wechat-menu .menu-footer span{display: block;}
.wechat-menu .menu-footer li{ position: relative; -webkit-flex: 1; -moz-flex:1; -ms-flex: 1; flex: 1; height: 50px; line-height: 50px; text-align: center; cursor: pointer; list-style: none; border: 1px solid transparent; border-right: 1px solid #e7e7eb; }
.wechat-menu .menu-footer .icon-sub{ background: url(../../../assets/wechat/index.png) 0 -48px no-repeat; width: 7px; height: 7px; vertical-align: middle; display: inline-block; margin-right: 2px; margin-top: -2px; }
.wechat-menu .menu-footer .sub-menu{ position: absolute; border-radius: 3px; border: 1px solid #d0d0d0; display: block; bottom: 60px; width: 100%; background-color: #fafafa; }
.wechat-menu .menu-footer .sub-menu:after{ content: ''; position: absolute; width: 10px; height: 10px; background: #fafafa;-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: -5px; border-bottom: 1px solid #d0d0d0; border-right: 1px solid #d0d0d0; left: 50%; margin-left: -5px; }
.wechat-menu ul {
padding: 0;
}
.wechat-menu .menu-footer span {
display: block;
}
.wechat-menu .menu-footer li {
position: relative;
-webkit-flex: 1;
-moz-flex: 1;
-ms-flex: 1;
flex: 1;
height: 50px;
line-height: 50px;
text-align: center;
cursor: pointer;
list-style: none;
border: 1px solid transparent;
border-right: 1px solid #e7e7eb;
}
.wechat-menu .menu-footer .icon-sub {
background: url(../../../assets/wechat/index.png) 0 -48px no-repeat;
width: 7px;
height: 7px;
vertical-align: middle;
display: inline-block;
margin-right: 2px;
margin-top: -2px;
}
.wechat-menu .menu-footer .sub-menu {
position: absolute;
border-radius: 3px;
border: 1px solid #d0d0d0;
display: block;
bottom: 60px;
width: 100%;
background-color: #fafafa;
}
.wechat-menu .menu-footer .sub-menu:after {
content: '';
position: absolute;
width: 10px;
height: 10px;
background: #fafafa;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
bottom: -5px;
border-bottom: 1px solid #d0d0d0;
border-right: 1px solid #d0d0d0;
left: 50%;
margin-left: -5px;
}
.wechat-menu .menu-footer .sub-menu li {
border-right: 0;
border-bottom: 1px solid #d0d0d0;
}
.wechat-menu .menu-footer .sub-menu li:last-child {
border-bottom: 0;
}
.wechat-menu .menu-footer .active {
border: 1px solid #44b549;
}
.wechat-menu .menu-footer .sub-menu li.active {
border: 1px solid #44b549 !important;
}
.wechat-menu .menu-footer .sub-menu li{border-right: 0; border-bottom: 1px solid #d0d0d0;}
.wechat-menu .menu-footer .sub-menu li:last-child{border-bottom: 0;}
.wechat-menu .menu-footer .active{border:1px solid #44b549;}
.wechat-menu .menu-footer .sub-menu li.active{border:1px solid #44b549 !important;}
/* 右侧 */
.wechat-menu .menu-control .popover-title{ padding: 8px 14px; margin: 0; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; font-weight: 400; }
.wechat-menu .menu-control .popover-title a{ color: #06C; font-size: 12px; }
.wechat-menu .menu-control .tips-txt{line-height: 40px; padding: 0 20px;}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content{ padding: 0 20px; margin-top: 0; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .radio{ display: inline-block !important; width: 45%; }
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box {padding: 0 20px;}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box .radio{ display: block!important; width: 100%; }
.menu-control-box .item{ display: none; }
.menu-control-box .show{ display: block; }
.wechat-menu .menu-control .popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
font-weight: 400;
}
.wechat-menu .menu-control .popover-title a {
color: #06C;
font-size: 12px;
}
.wechat-menu .menu-control .tips-txt {
line-height: 40px;
padding: 0 20px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content {
padding: 0 20px;
margin-top: 0;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .radio {
display: inline-block !important;
width: 45%;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box {
padding: 0 20px;
}
.wechat-reply-wrapper .ibox-content .control-wrapper .control-body.menu-content .menu-control-box .radio {
display: block !important;
width: 100%;
}
.menu-control-box .item {
display: none;
}
.menu-control-box .show {
display: block;
}
</style>