修改活动说明为后台设置

src/components/Description.vue

@@ -3,31 +3,40 @@
         <!-- <div class="topBox5686"></div> -->
         <div class="goHome" @click="goHome"></div>
         <div class="contentWrap">
-            <div class="contentBox">
+            <div class="contentBox" v-if="ruleInfo">
                 <div class="shuomingTitle"></div>
-                <div class="text1">
-                    <p>以“春节回家”为主题方向，有奖征集与万达人和万达粉丝们春节回家过年相关的摄影作品。</p>
+                <div class="text1" v-html="ruleInfo.zhuti">
+                    <!-- <p>以“春节回家”为主题方向，有奖征集与万达人和万达粉丝们春节回家过年相关的摄影作品。</p>
                     <p>反映春运返乡道路上的艰难与劳顿，回家后的放松与惬意，亲人团聚时刻的幸福和笑脸，传递亲人、爱人、朋友、同窗、战友等不同情感的动人瞬间和情感故事。</p>
-                    <p>投稿作品要求立意鲜明、形象生动、情感真切，有较强的视觉表现力。</p>
+                    <p>投稿作品要求立意鲜明、形象生动、情感真切，有较强的视觉表现力。</p>-->
                 </div>
                 <div class="text5">
                     <div class="title"></div>
-                    <p>参赛作品征集时间
-                        <br>2019年1月28日（小年）至2019年2月25日（正月廿一）
-                    </p>
-                    <p>入围作品公布时间
-                        <br>2019年2月25日（正月廿一）
-                    </p>
-                    <p>最终月赛结果公布时间
-                        <br>2019年2月28日（正月廿四）
-                    </p>
-                    <p>投稿及评选说明
-                        <br>投稿者将作品上传至该平台即可参赛。
-                        <br>鼓励投稿作品为新近拍摄，每位投稿者上传作品件数不限，单幅及组照（至少5张单幅作品构成的系列作品）均算作1件。
-                    </p>
+                    <div v-html="ruleInfo.cansai">
+                        <!-- <p>参赛作品征集时间
+                            <br>2019年1月28日（小年）至2019年2月25日（正月廿一）
+                        </p>
+                        <p>入围作品公布时间
+                            <br>2019年2月25日（正月廿一）
+                        </p>
+                        <p>最终月赛结果公布时间
+                            <br>2019年2月28日（正月廿四）
+                        </p>
+                        <p>投稿及评选说明
+                            <br>投稿者将作品上传至该平台即可参赛。
+                            <br>鼓励投稿作品为新近拍摄，每位投稿者上传作品件数不限，单幅及组照（至少5张单幅作品构成的系列作品）均算作1件。
+                        </p>-->
+                    </div>
                 </div>
                 <div class="text2">
-                    <div class="bar3">
+                    <div class="bar3" v-for="(item, index) in ruleInfo.jiangpin" :key="index">
+                        <div class="rank">
+                            <span>{{item.name}}</span>
+                            <span>{{item.num}}名</span>
+                        </div>
+                        <div class="prize lightBlue">{{item.prize}}</div>
+                    </div>
+                    <!-- <div class="bar3">
                         <div class="rank">
                             <span>金奖</span>
                             <span>1名</span>
@@ -54,7 +63,7 @@
                             <span>10名</span>
                         </div>
                         <div class="prize lightBlue">万达影院电影票2张</div>
-                    </div>
+                    </div>-->
                 </div>
                 <!-- <div class="text3">
                     <p>征稿时间：2019.1.1-2019.1.1</p>
@@ -82,15 +91,17 @@
                 </div>-->
                 <div class="text6">
                     <div class="title"></div>
-                    <p>1、中国各省、市、自治区（含港、澳、台地区）摄影人均可投稿。</p>
-                    <p>2、鼓励投稿者提交新近拍摄的作品。单幅、组照均可（组照不少于5张的单幅图片组成，并标明序号，并附文字说明），单幅及组照按1件计算。投稿作品需为jpg格式，单张照片宽度需大于1000px,文件大小不超过2M。</p>
-                    <p>3、投稿者应实名投稿。</p>
-                    <p>4、本次征集谢绝电脑创意作品，不得对原始图像进行任何足以影响其真实性判断的改动。</p>
-                    <p>5、投稿的作品必须提供作者姓名、联系电话、作品标题、拍摄时间、拍摄地点以及简短文字说明。</p>
-                    <p>6、投稿者应保证其为所投送作品的作者，并对该作品的整体及局部均拥有独立、完整、明确、无争议的著作权；投稿者还应保证其所投送的作品不侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的合法权益。投稿者应承担由其稿件及投稿行为所引发的一切后果与责任。</p>
-                    <p>7、本次摄影征集活动不收投稿费，不退稿。</p>
-                    <p>8、对于所有入选作品，主办、承办方有权在著作权存续期内，以复制、发行、展览、放映、信息网络传播等方式用于非商业性的宣传，并不再支付稿酬。</p>
-                    <p>9、本征稿启事解释权属于主办单位。凡投稿者，即视为其已同意本征稿启事之所有规定。</p>
+                    <div v-html="ruleInfo.xize">
+                        <!-- <p>1、中国各省、市、自治区（含港、澳、台地区）摄影人均可投稿。</p>
+                        <p>2、鼓励投稿者提交新近拍摄的作品。单幅、组照均可（组照不少于5张的单幅图片组成，并标明序号，并附文字说明），单幅及组照按1件计算。投稿作品需为jpg格式，单张照片宽度需大于1000px,文件大小不超过2M。</p>
+                        <p>3、投稿者应实名投稿。</p>
+                        <p>4、本次征集谢绝电脑创意作品，不得对原始图像进行任何足以影响其真实性判断的改动。</p>
+                        <p>5、投稿的作品必须提供作者姓名、联系电话、作品标题、拍摄时间、拍摄地点以及简短文字说明。</p>
+                        <p>6、投稿者应保证其为所投送作品的作者，并对该作品的整体及局部均拥有独立、完整、明确、无争议的著作权；投稿者还应保证其所投送的作品不侵犯第三人的包括著作权、肖像权、名誉权、隐私权等在内的合法权益。投稿者应承担由其稿件及投稿行为所引发的一切后果与责任。</p>
+                        <p>7、本次摄影征集活动不收投稿费，不退稿。</p>
+                        <p>8、对于所有入选作品，主办、承办方有权在著作权存续期内，以复制、发行、展览、放映、信息网络传播等方式用于非商业性的宣传，并不再支付稿酬。</p>
+                        <p>9、本征稿启事解释权属于主办单位。凡投稿者，即视为其已同意本征稿启事之所有规定。</p> -->
+                    </div>
                 </div>
             </div>
         </div>
@@ -98,16 +109,29 @@
 </template>
 
 <script>
+import store from '../modules/store/index';
+
 export default {
+    computed: {
+        ruleInfo() {
+            if (store.state.publicActiveInfo) {
+                return store.state.publicActiveInfo.rule
+            } else {
+                return null
+            }
+        }
+    },
     methods: {
         goHome() {
             this.$router.push({ path: '/' });
         }
-    }
+    },
+    store
 }
 </script>
 
-<style lang="scss" scoped>
+
+<style lang="scss" >
 .dingwei {
     position: relative;
     top: -10px;