Browse Source

首页组件

preview
jiangyy 4 years ago
parent
commit
523775edf9
  1. 2
      epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss
  2. 16
      epmet-oper-web/src/components/wx-index/heart.vue
  3. 10
      epmet-oper-web/src/components/wx-index/issue.vue
  4. 19
      epmet-oper-web/src/components/wx-index/score.vue
  5. 22
      epmet-oper-web/src/components/wx-index/voice.vue
  6. 13
      epmet-oper-web/src/views/modules/productConfig/homeCustom/index.vue
  7. 2
      epmet-oper-web/src/views/modules/wx-mini/index-set11.vue

2
epmet-oper-web/src/assets/scss/modules/wx-mini/index-set.scss

@ -450,7 +450,7 @@
textarea { textarea {
background-color: rgba(247, 247, 247, 1); background-color: rgba(247, 247, 247, 1);
min-height: 100px !important; min-height: 400px !important;
font-size: 13px; font-size: 13px;
&:focus { &:focus {
background-color: #ffffff; background-color: #ffffff;

16
epmet-oper-web/src/components/wx-index/heart.vue

@ -9,14 +9,14 @@
<div v-if="item.componentFrontId==='resi-functionList-heart-banner'" <div v-if="item.componentFrontId==='resi-functionList-heart-banner'"
class="heart_banner"> class="heart_banner">
<div class="subbanner"> <div class="subbanner">
<img v-if="item.demoData.pic" <img v-if="item.configuration.pic"
:src="item.demoData.pic"> :src="item.configuration.pic">
<img v-else <img v-else
src="@/assets/img/modules/wx-mini/index-set/page/heart-banner.png"> src="@/assets/img/modules/wx-mini/index-set/page/heart-banner.png">
<div class="d-title"> <div class="d-title">
<img class="left-log" <img class="left-log"
src="@/assets/img/modules/wx-mini/index-set/heart-logo.png"> src="@/assets/img/modules/wx-mini/index-set/heart-logo.png">
<span class="s-title">{{ item.demoData.title }}</span> <span class="s-title">{{ item.configuration.title }}</span>
<div class="d-group-no"> <div class="d-group-no">
@ -30,7 +30,10 @@
<!-- 爱心互助最新活动组件 --> <!-- 爱心互助最新活动组件 -->
<div class="heart_news" <div class="heart_news"
v-if="item.componentFrontId==='resi-functionList-heart-new'"> v-if="item.componentFrontId==='resi-functionList-heart-new'">
<div class="d-cpt-title">{{item.demoData.title}} <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">{{item.configuration.title}}
<!-- <div class="more">查看更多</div> --> <!-- <div class="more">查看更多</div> -->
</div> </div>
<div class="list"> <div class="list">
@ -71,7 +74,10 @@
<!-- 爱心互助历史回顾组件 --> <!-- 爱心互助历史回顾组件 -->
<div class="heart_news" <div class="heart_news"
v-if="item.componentFrontId==='resi-functionList-heart-history'"> v-if="item.componentFrontId==='resi-functionList-heart-history'">
<div class="d-cpt-title">{{item.demoData.title}} <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">{{item.configuration.title}}
<!-- <div class="more">查看更多</div> --> <!-- <div class="more">查看更多</div> -->
</div> </div>
<div class="list"> <div class="list">

10
epmet-oper-web/src/components/wx-index/issue.vue

@ -8,7 +8,10 @@
<div class="issue_news" <div class="issue_news"
v-if="item.componentFrontId==='resi-functionList-hall-latestIssueList'"> v-if="item.componentFrontId==='resi-functionList-hall-latestIssueList'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-title">{{item.demoData.title}}</div> <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">{{item.configuration.title}}</div>
<div class="list"> <div class="list">
<div class="item2" <div class="item2"
:key="subindex" :key="subindex"
@ -31,7 +34,10 @@
<div class="issue_news" <div class="issue_news"
v-else-if="item.componentFrontId==='resi-functionList-hall-closedProjectList'"> v-else-if="item.componentFrontId==='resi-functionList-hall-closedProjectList'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-title">{{item.demoData.title}}</div> <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">{{item.configuration.title}}</div>
<div class="list"> <div class="list">
<div class="item3" <div class="item3"
:key="subindex" :key="subindex"

19
epmet-oper-web/src/components/wx-index/score.vue

@ -8,9 +8,10 @@
<div class="score_rank" <div class="score_rank"
v-if="item.componentFrontId==='resi-functionList-score-rank'"> v-if="item.componentFrontId==='resi-functionList-score-rank'">
<div class="score_rank_content"> <div class="score_rank_content">
<div class="title">{{item.demoData.title}} <div v-if="item.configuration.title"
<div class="score_more">查看更多</div> class="title">{{item.configuration.title}}</div>
</div> <div v-else
class="title">积分排行</div>
<div class="rank_tabs"> <div class="rank_tabs">
<span class="tabs_1">总排名</span> <span class="tabs_1">总排名</span>
@ -73,9 +74,10 @@
<div class="score_rank" <div class="score_rank"
v-if="item.componentFrontId==='resi-functionList-score-rank-2'"> v-if="item.componentFrontId==='resi-functionList-score-rank-2'">
<div class="score_rank_content"> <div class="score_rank_content">
<div class="title">{{item.demoData.title}} <div v-if="item.configuration.title"
<div class="score_more">查看更多</div> class="title">{{item.configuration.title}}</div>
</div> <div v-else
class="title">积分排行</div>
<div class="single"> <div class="single">
<div class="single_bc"> <div class="single_bc">
@ -188,7 +190,10 @@
<div class="score_party" <div class="score_party"
v-else-if="item.componentFrontId==='resi-functionList-top-party'"> v-else-if="item.componentFrontId==='resi-functionList-top-party'">
<div class="score_party_content"> <div class="score_party_content">
<div class="title">{{item.demoData.title}}</div> <div v-if="item.configuration.title"
class="title">{{item.configuration.title}}</div>
<div v-else
class="title">党员积分排行</div>
<div class="m-box"> <div class="m-box">
<div class="rank_tabs"> <div class="rank_tabs">
<p class="rank_title_left">身边党员</p> <p class="rank_title_left">身边党员</p>

22
epmet-oper-web/src/components/wx-index/voice.vue

@ -10,8 +10,8 @@
v-if="item.componentFrontId==='resi-topList-voice-hotNewsSwiper'"> v-if="item.componentFrontId==='resi-topList-voice-hotNewsSwiper'">
<div class="d-cpt-wrap"> <div class="d-cpt-wrap">
<div class="d-cpt-subwrap"> <div class="d-cpt-subwrap">
<img v-if="item.demoData.pic" <img v-if="item.configuration.pic"
:src="item.demoData.pic"> :src="item.configuration.pic">
<img v-else <img v-else
src="@/assets/img/modules/wx-mini/index-set/page/swiper-bg.png"> src="@/assets/img/modules/wx-mini/index-set/page/swiper-bg.png">
<!-- <div> <!-- <div>
@ -29,7 +29,10 @@
<div class="voice_news" <div class="voice_news"
v-else-if="item.componentFrontId==='resi-functionList-voice-newsList'"> v-else-if="item.componentFrontId==='resi-functionList-voice-newsList'">
<div class="content"> <div class="content">
<div class="d-cpt-title">{{item.demoData.title}}</div> <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">党建声音</div>
<div class="list"> <div class="list">
<div class="item" <div class="item"
:key="subindex" :key="subindex"
@ -54,7 +57,11 @@
v-else-if="item.componentFrontId==='resi-functionList-voice-listwithtag'"> v-else-if="item.componentFrontId==='resi-functionList-voice-listwithtag'">
<div class="content"> <div class="content">
<div class="d-cpt-title">{{item.demoData.title}}</div> <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">党建声音</div>
<div class="tag"> <div class="tag">
<div class="tab_item" <div class="tab_item"
:key="subindex" :key="subindex"
@ -88,7 +95,7 @@
<div class="rank_tabs"> <div class="rank_tabs">
<div :class="[{'title_focus':subindex===0},{'title_other':subindex>0}]" <div :class="[{'title_focus':subindex===0},{'title_other':subindex>0}]"
:key="subindex" :key="subindex"
v-for="(subitem, subindex) in item.demoData.tagList"> v-for="(subitem, subindex) in item.configuration.tagList">
<span>{{subitem}}</span> <span>{{subitem}}</span>
<div v-if="subindex===0" <div v-if="subindex===0"
class="red_line"></div> class="red_line"></div>
@ -130,7 +137,10 @@
<div class="voice_news" <div class="voice_news"
v-else-if="item.componentFrontId==='resi-functionList-voice-newsList2'"> v-else-if="item.componentFrontId==='resi-functionList-voice-newsList2'">
<div class="content"> <div class="content">
<div class="d-cpt-title">{{item.demoData.title}}</div> <div v-if="item.configuration.title"
class="d-cpt-title">{{item.configuration.title}}</div>
<div v-else
class="d-cpt-title">特色文章</div>
<div class="list"> <div class="list">
<div class="item" <div class="item"
:key="subindex" :key="subindex"

13
epmet-oper-web/src/views/modules/productConfig/homeCustom/index.vue

@ -155,7 +155,7 @@
name="el-zoom-in-top"> name="el-zoom-in-top">
<div class="mw-set el-zoom-in-top" <div class="mw-set el-zoom-in-top"
v-if="focusedCpt.tempOnlyId"> v-if="focusedCpt.tempOnlyId">
<div class="d-set-head" <!-- <div class="d-set-head"
@click="focusedCpt.demoIsUnfold = !focusedCpt.demoIsUnfold"> @click="focusedCpt.demoIsUnfold = !focusedCpt.demoIsUnfold">
<span class="d-title">演示数据</span> <span class="d-title">演示数据</span>
<img class="d-arrow" <img class="d-arrow"
@ -168,17 +168,18 @@
<el-input type="textarea" <el-input type="textarea"
v-model="focusedCpt.demoData"></el-input> v-model="focusedCpt.demoData"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form> -->
<div class="d-set-head" <div class="d-set-head"
@click="focusedCpt.confIsUnfold = !focusedCpt.confIsUnfold"> @click="focusedCpt.confIsUnfold = !focusedCpt.confIsUnfold">
<span class="d-title">高级选项</span> <span class="d-title">高级选项</span>
<img class="d-arrow" <!-- <img class="d-arrow"
:class="{'z-unfold': focusedCpt.confIsUnfold}" :class="{'z-unfold': focusedCpt.confIsUnfold}"
src="@/assets/img/modules/wx-mini/index-set/arrow-down.png"> src="@/assets/img/modules/wx-mini/index-set/arrow-down.png"> -->
</div> </div>
<el-form v-show="focusedCpt.confIsUnfold" <!-- <el-form v-show="focusedCpt.confIsUnfold"
ref="form"> ref="form"> -->
<el-form ref="form">
<el-form-item> <el-form-item>
<el-input type="textarea" <el-input type="textarea"
v-model="focusedCpt.configuration"></el-input> v-model="focusedCpt.configuration"></el-input>

2
epmet-oper-web/src/views/modules/wx-mini/index-set.vue → epmet-oper-web/src/views/modules/wx-mini/index-set11.vue

@ -176,7 +176,7 @@
v-if="focusedCpt.tempOnlyId"> v-if="focusedCpt.tempOnlyId">
<div class="d-set-head" <div class="d-set-head"
@click="focusedCpt.demoIsUnfold = !focusedCpt.demoIsUnfold"> @click="focusedCpt.demoIsUnfold = !focusedCpt.demoIsUnfold">
<span class="d-title">演示数据</span> <span class="d-title">演示数据1</span>
<img class="d-arrow" <img class="d-arrow"
:class="{'z-unfold': focusedCpt.demoIsUnfold}" :class="{'z-unfold': focusedCpt.demoIsUnfold}"
src="@/assets/img/modules/wx-mini/index-set/arrow-down.png"> src="@/assets/img/modules/wx-mini/index-set/arrow-down.png">
Loading…
Cancel
Save