Commit d17472ad authored by 黄奎's avatar 黄奎

页面修改

parent 20046abf
...@@ -107,6 +107,7 @@ ...@@ -107,6 +107,7 @@
border-radius: 14px; border-radius: 14px;
border: 2px solid #353535; border: 2px solid #353535;
} }
.link-gallery-item { .link-gallery-item {
width: 100px; width: 100px;
height: 100px; height: 100px;
...@@ -163,8 +164,7 @@ ...@@ -163,8 +164,7 @@
</div> </div>
<div style="font-weight: 600">{{data.title?data.title:'这里是标题示例'}}</div> <div style="font-weight: 600">{{data.title?data.title:'这里是标题示例'}}</div>
</div> </div>
<img class="arrow" :src="domainManager().ImageUrl+'/Static/icon-jiantou-r.png'" <img class="arrow" :src="domainManager().ImageUrl+'/Static/icon-jiantou-r.png'" v-if="data.arrowsSwitch">
v-if="data.arrowsSwitch">
</div> </div>
</div> </div>
</div> </div>
...@@ -172,11 +172,11 @@ ...@@ -172,11 +172,11 @@
<el-form label-width="100px" @submit.native.prevent> <el-form label-width="100px" @submit.native.prevent>
<el-form-item label="标题"> <el-form-item label="标题">
<label slot="label">标题 <label slot="label">标题
<el-tooltip class="item" effect="dark" content="标题长度不超过10个字" placement="top"> <el-tooltip class="item" effect="dark" content="标题长度不超过30个字" placement="top">
<i class="el-icon-info"></i> <i class="el-icon-info"></i>
</el-tooltip> </el-tooltip>
</label> </label>
<el-input size="small" v-model="data.title" maxlength="10"></el-input> <el-input size="small" v-model="data.title" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="字体大小"> <el-form-item label="字体大小">
<el-radio v-model="data.fontSize" label="36"></el-radio> <el-radio v-model="data.fontSize" label="36"></el-radio>
...@@ -226,7 +226,7 @@ ...@@ -226,7 +226,7 @@
</label> </label>
<el-button size="mini" @click="choicImg=true">选择图标</el-button> <el-button size="mini" @click="choicImg=true">选择图标</el-button>
<div flex="main:center cross:center" class="link-gallery-item"> <div flex="main:center cross:center" class="link-gallery-item">
<img v-if="data.picUrl!=''" style="max-width:100%;max-height: 100%;" :src="getIconLink(data.picUrl)"/> <img v-if="data.picUrl!=''" style="max-width:100%;max-height: 100%;" :src="getIconLink(data.picUrl)" />
</div> </div>
</el-form-item> </el-form-item>
</template> </template>
...@@ -285,8 +285,8 @@ ...@@ -285,8 +285,8 @@
getChoiceLink() { getChoiceLink() {
//调用子组件方法 //调用子组件方法
var obj = this.$refs.chooseMenu.getChooseMenu(); var obj = this.$refs.chooseMenu.getChooseMenu();
this.data.link.name=obj.PageName; this.data.link.name = obj.PageName;
this.data.link.url=obj.PageUrl; this.data.link.url = obj.PageUrl;
this.isShowLink = false; this.isShowLink = false;
}, },
......
...@@ -74,8 +74,7 @@ ...@@ -74,8 +74,7 @@
<div style="min-width: 2rem;max-width: 7rem;">{{data.name}}</div> <div style="min-width: 2rem;max-width: 7rem;">{{data.name}}</div>
<div style="margin: 0 12px;">{{data.content}}</div> <div style="margin: 0 12px;">{{data.content}}</div>
</div> </div>
<img :src="domainManager().ImageUrl+'/Static/icon-left-arrow.png'" <img :src="domainManager().ImageUrl+'/Static/icon-left-arrow.png'" style="width: 10px;height: 18px;">
style="width: 10px;height: 18px;">
</div> </div>
</div> </div>
<div class="diy-component-edit" v-if="noticeData.isCked"> <div class="diy-component-edit" v-if="noticeData.isCked">
...@@ -90,6 +89,9 @@ ...@@ -90,6 +89,9 @@
<el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top"> <el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top">
<el-button size="mini" @click="choicImg=true,checkIndex=1">选择图片</el-button> <el-button size="mini" @click="choicImg=true,checkIndex=1">选择图片</el-button>
</el-tooltip> </el-tooltip>
<el-tooltip class="item" effect="dark" content="建议尺寸36*36" placement="top">
<el-button size="mini" @click="SetDefaultIcon()">默认图标</el-button>
</el-tooltip>
<div flex="main:center cross:center" class="notice-gallery-item"> <div flex="main:center cross:center" class="notice-gallery-item">
<img :src="getIconLink(data.icon)" style="width:100%;height:100%;" class="app-gallery-img" <img :src="getIconLink(data.icon)" style="width:100%;height:100%;" class="app-gallery-img"
draggable="false"> draggable="false">
...@@ -202,17 +204,22 @@ ...@@ -202,17 +204,22 @@
}, },
data() { data() {
return { return {
//默认公告图标
defaultIcon: this.domainManager().ImageUrl + '/Static/icon-notice.png',
choicImg: false, choicImg: false,
dialogVisible: false, dialogVisible: false,
data: this.noticeData.data, data: this.noticeData.data,
checkIndex: 0, checkIndex: 0,
}; };
}, },
created() { created() {
}, },
methods: { methods: {
//还原默认图标
SetDefaultIcon() {
this.data.icon=this.defaultIcon;
},
//向父组件传值 并调用排序 //向父组件传值 并调用排序
resetSord(IsUp) { resetSord(IsUp) {
this.$emit('getSord', this.index, IsUp); this.$emit('getSord', this.index, IsUp);
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="提示文字"> <el-form-item label="提示文字">
<el-input type="text" size="small" v-model="searchData.data.placeholder" maxlength="10"></el-input> <el-input type="text" size="small" v-model="searchData.data.placeholder" maxlength="30"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="文字颜色"> <el-form-item label="文字颜色">
<el-color-picker v-model="searchData.data.textColor" size="small"></el-color-picker> <el-color-picker v-model="searchData.data.textColor" size="small"></el-color-picker>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment