P01: 20200110194200:创建活动样式修改

ybf_admin/src/pages/in/contact/mail.vue

@@ -423,10 +423,6 @@ export default {
 </script>
 
 <style scoped>
-.tree {
-  /* height: 100%;
-  overflow: auto; */
-}
 .mail {
   display: flex;
   width: 100%;
@@ -481,7 +477,6 @@ export default {
 .bottom {
   padding: 12px;
   margin-bottom: 20px;
-  /* margin-bottom: 194px; */
 }
 .title {
   height: 48px;

ybf_wx/package.json

@@ -8,7 +8,7 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "axios": "^0.19.0",
+    "axios": "^0.19.1",
     "core-js": "^3.4.4",
     "js-md5": "^0.7.3",
     "vant": "^2.3.3",

ybf_wx/src/router/index.js

@@ -15,6 +15,11 @@ const routes = [
     name: 'turntableDetail',
     component: () => import('../views/active/turntableDetail.vue')
   },
+  {
+    path: '/couponDetail',
+    name: 'couponDetail',
+    component: () => import('../views/active/couponDetail.vue')
+  },
   {
     path: '/createActive',
     name: 'createActive',

ybf_wx/src/views/active/couponDetail.vue

+<template>
+  <div class="container">
+    <div class="topb">
+      <img src="../../../public/img/zhuanpanbg.png" alt="" />
+    </div>
+    <div class="title">
+      <span class="bt">服装店幸运抽奖</span>
+      <div class="tb">
+        <img src="../../../public/img/zp.png" alt="" />
+        大转盘抽奖
+      </div>
+    </div>
+    <div class="wtitle">
+      <img src="../../../public/img/water.png" alt="" />
+      <span class="wan">玩法介绍</span>
+    </div>
+    <div class="content">
+      <p>
+        马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
+      </p>
+      <p>
+        马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
+      </p>
+    </div>
+    <div class="creat" @click="createActive">创建同款活动</div>
+  </div>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      
+    }
+  },
+  methods: {
+    createActive() {
+      this.$router.push({
+        name: 'createActive'
+      })
+    }
+  },
+};
+</script>
+
+<style>
+
+</style>
+<style scoped>
+p {
+  font-size: 12px;
+  font-weight: 400;
+  color: rgba(45, 71, 106, 0.8);
+  margin-top: 14px;
+}
+.wan {
+  position: absolute;
+  left: 77px;
+  top: 8px;
+  font-size: 16px;
+  font-weight: bold;
+}
+.wtitle {
+  width: 200px;
+  height: 24px;
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%);
+  top: 268px;
+  z-index: 999;
+}
+.wtitle img {
+  width: 100%;
+}
+.topb {
+  width: 100%;
+  height: 200px;
+}
+.topb img {
+  width: 100%;
+}
+.title {
+  width: 100%;
+  height: 50px;
+  font-size: 18px;
+  background-color: #fff;
+  box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
+  line-height: 50px;
+  padding-left: 16px;
+  position: relative;
+}
+.container {
+  background-color: rgba(248, 248, 248, 1);
+  height: 100%;
+}
+.bt {
+  font-size: 16px;
+  margin-left: 96px;
+  font-weight: bold;
+  color: rgba(45, 71, 106, 1);
+}
+.tb {
+  position: absolute;
+  height: 24px;
+  line-height: 24px;
+  left: 16px;
+  top: 14px;
+  border-radius: 2px;
+  border: 1px solid rgba(45, 71, 106, 1);
+  font-size: 10px;
+  font-weight: 500;
+  color: rgba(45, 71, 106, 1);
+  width: 88px;
+  text-align: center;
+}
+.tb img {
+  width: 12px;
+  height: 12px;
+}
+.content {
+  margin: 36px 16px 16px;
+  background: rgba(255, 255, 255, 1);
+  box-shadow: 0px 2px 4px 0px rgba(221, 221, 221, 1);
+  height: 376px;
+  position: relative;
+  padding: 16px 16px 30px 16px;
+}
+.creat {
+  position: absolute;
+  left: 50%;
+  transform: translate(-50%);
+  width: 343px;
+  height: 40px;
+  line-height: 40px;
+  background: rgba(117, 178, 253, 1);
+  border-radius: 10px;
+  font-size: 16px;
+  font-weight: bold;
+  color: rgba(255, 255, 255, 1);
+  text-align: center;
+  margin-bottom: 16px;
+}
+</style>

ybf_wx/src/views/active/createActive.vue

@@ -3,8 +3,13 @@
     <div class="title">基础设置</div>
     <van-cell-group class="all">
       <van-cell title="活动标题" style="font-size:14px;">
-        <template slot="default" >
-          <van-field v-model="title" placeholder="请输入活动标题" class="right" style="font-size:14px;" />
+        <template slot="default">
+          <van-field
+            v-model="title"
+            placeholder="请输入活动标题"
+            class="right"
+            style="font-size:14px;"
+          />
         </template>
       </van-cell>
       <van-cell title="消费后领券" style="font-size:14px;">
@@ -28,12 +33,17 @@
     <van-cell-group class="all">
       <van-cell title="活动标题" style="font-size:14px;">
         <template slot="default">
-          <van-field v-model="title2" placeholder="请输入活动标题"  class="right" style="font-size:14px;" />
+          <van-field
+            v-model="title2"
+            placeholder="请输入活动标题"
+            class="right"
+            style="font-size:14px;"
+          />
         </template>
       </van-cell>
       <van-cell title="券类型" style="font-size:14px;">
         <template slot="default">
-          <van-radio-group v-model="type"  class="right" >
+          <van-radio-group v-model="type" class="right">
             <van-radio name="1" style="float:left;">代金券</van-radio>
             <van-radio name="2" style="float:right;">折扣券</van-radio>
           </van-radio-group>
@@ -41,6 +51,7 @@
       </van-cell>
       <van-cell title="代金券金额" style="font-size:14px;">
         <template slot="default">
+          <div class="npbr">
             <van-field
               class="right noborder"
               readonly
@@ -55,10 +66,12 @@
               :maxlength="6"
               @blur="show = false"
             />
+          </div>
         </template>
       </van-cell>
       <van-cell title="使用门槛" style="font-size:14px;">
         <template slot="default">
+          <div class="npbr">
             <van-field
               class="right noborder"
               readonly
@@ -73,6 +86,7 @@
               :maxlength="6"
               @blur="show2 = false"
             />
+          </div>
         </template>
       </van-cell>
       <van-cell title="活动开始时间" style="font-size:14px;">
@@ -80,7 +94,8 @@
           <van-field
             class="right"
             v-model="startTime1"
-            placeholder="选择活动开始时间" readonly="readonly"
+            placeholder="选择活动开始时间"
+            readonly="readonly"
             @click="startShow = true"
           />
           <van-popup v-model="startShow" position="bottom" :overlay="true">
@@ -99,7 +114,8 @@
           <van-field
             class="right"
             v-model="endTime1"
-            placeholder="选择活动结束时间" readonly="readonly"
+            placeholder="选择活动结束时间"
+            readonly="readonly"
             @click="endShow = true"
           />
           <van-popup v-model="endShow" position="bottom" :overlay="true">
@@ -148,27 +164,23 @@ export default {
       endTime1: "",
       startShow: false,
       endShow: false,
-      message: "",
-      
+      message: ""
     };
   },
   methods: {
     startTimeChange(e) {
-      let startTimeArr = e.getValues()
-      this.startTime1 = `${startTimeArr[0]}-${startTimeArr[1]}-${startTimeArr[2]}  ${startTimeArr[3]}:${startTimeArr[4]}:00`
+      let startTimeArr = e.getValues();
+      this.startTime1 = `${startTimeArr[0]}-${startTimeArr[1]}-${startTimeArr[2]}  ${startTimeArr[3]}:${startTimeArr[4]}:00`;
     },
     endTimeChange(e) {
-      let endTimeArr = e.getValues()
-      this.endTime1 = `${endTimeArr[0]}-${endTimeArr[1]}-${endTimeArr[2]}  ${endTimeArr[3]}:${endTimeArr[4]}:00`
+      let endTimeArr = e.getValues();
+      this.endTime1 = `${endTimeArr[0]}-${endTimeArr[1]}-${endTimeArr[2]}  ${endTimeArr[3]}:${endTimeArr[4]}:00`;
     }
   },
-  mounted() {
-  }
+  mounted() {}
 };
 </script>
-<style>
-
-</style>
+<style></style>
 
 <style scoped>
 .all >>> input {
@@ -177,37 +189,37 @@ export default {
 .noborder >>> .van-cell:not(:last-child)::after {
   display: none !important;
 }
-.noborder .van-cell:not(:last-child)::after{
-  border: 0px solid red !important;
+.npbr .van-cell:not(:last-child)::after {
+  display: none !important;
 }
 .creat {
   margin-top: 80px;
-  width:96%;
-  height:40px;
-  background:rgba(117,178,253,1);
-  border-radius:10px;
+  width: 96%;
+  height: 40px;
+  background: rgba(117, 178, 253, 1);
+  border-radius: 10px;
   text-align: center;
   line-height: 40px;
-  font-size:16px;
-  font-weight:bold;
+  font-size: 16px;
+  font-weight: bold;
   color: #fff;
   margin-left: 2%;
   margin-bottom: 16px;
 }
 .container {
-  background:rgba(248,248,248,1);
+  background: rgba(248, 248, 248, 1);
 }
 .van-field__body textarea {
-  background:rgba(248,248,248,1);
+  background: rgba(248, 248, 248, 1);
 }
 .des {
   padding: 6px 16px;
   font-size: 14px;
+  color: #2d476a;
 }
 
 .phone {
   float: left;
-
 }
 .title {
   background-color: #f8f8f8;
@@ -223,6 +235,8 @@ export default {
 }
 .right {
   padding: 0;
-  
+}
+.van-cell__title {
+  color: #2d476a !important;
 }
 </style>

ybf_wx/src/views/active/createBigWheelActive.vue

@@ -75,6 +75,7 @@
           <span class="small">（单人最多可抽奖次数）</span>
         </template>
         <template slot="default">
+          <div class="jpsl">
             <van-field
               class="right noborder"
               readonly
@@ -88,6 +89,7 @@
               :show="LuckyDraw.show"
               @blur="LuckyDraw.show = false"
             />
+          </div>
         </template>
       </van-cell>
       <van-cell style="font-size:14px;" class="cs">
@@ -96,6 +98,7 @@
           <span class="small">（单人最多可中奖次数）</span>
         </template>
         <template slot="default">
+          <div class="jpsl">
             <van-field
               class="right noborder"
               readonly
@@ -109,6 +112,7 @@
               :show="LuckyDraw.show2"
               @blur="LuckyDraw.show2 = false"
             />
+          </div>
         </template>
       </van-cell>
       <van-cell style="font-size:14px;" class="cs gl">
@@ -116,6 +120,7 @@
           <span class="custom-title">中奖概率</span>
         </template>
         <template slot="default">
+          <div class="jpsl">
             <van-field
               class="right noborder"
               readonly
@@ -129,6 +134,7 @@
               :show="LuckyDraw.show3"
               @blur="LuckyDraw.show3 = false"
             />
+          </div>
         </template>
       </van-cell>
       <van-cell style="font-size:14px;" class="task">
@@ -148,6 +154,7 @@
           <span class="small">（点击“增加次数”按钮增加几次次数）</span>
         </template>
         <template slot="default">
+          <div class="jpsl">
             <van-field
               class="right noborder"
               readonly
@@ -161,6 +168,7 @@
               :show="LuckyDraw.show2"
               @blur="LuckyDraw.show2 = false"
             />
+          </div>
         </template>
       </van-cell>
     </van-cell-group>
@@ -170,7 +178,13 @@
       v-for="(list, index) in prizeList"
       :key="index"
     >
-      <van-icon v-if="prizeList.length>1" name="close" size="20" class="close" @click="removePrice(index)" />
+      <van-icon
+        v-if="prizeList.length > 1"
+        name="close"
+        size="20"
+        class="close"
+        @click="removePrice(index)"
+      />
       <van-cell center>
         <template slot="title">
           <span class="custom-title">奖项名称</span>
@@ -285,6 +299,7 @@
       </van-cell>
       <van-cell title="奖品数量" style="font-size:14px;">
         <template slot="default">
+          <div class="jpsl">
             <van-field
               class="right noborder"
               readonly
@@ -299,6 +314,7 @@
               :maxlength="6"
               @blur="prizeList[index].prizeShow = false"
             />
+          </div>
         </template>
       </van-cell>
       <van-cell style="font-size:14px;" center class="cs">
@@ -306,6 +322,7 @@
           <span class="custom-title">每日上限</span>
           <span class="small">（此奖项每天最多可抽中的数量）</span>
         </template>
+        <div class="jpsl">
           <template slot="default">
             <van-field
               class="right noborder"
@@ -321,6 +338,7 @@
               @blur="prizeList[index].limitShow = false"
             />
           </template>
+        </div>
       </van-cell>
       <div class="add" @click="addPrice">添加奖项</div>
     </van-cell-group>
@@ -410,22 +428,23 @@ export default {
       this.basicInfo.startTime1 = `${startTimeArr[0]}-${startTimeArr[1]}-${startTimeArr[2]}`;
     },
     startTimeChange2(e, index) {
-      this.prizeList[index].startTime1 = this.timeFormat(e)
+      this.prizeList[index].startTime1 = this.timeFormat(e);
       //let startTimeArr = e.getValues();
       //this.prizeList[index].startTime1 = `${startTimeArr[0]}-${startTimeArr[1]}-${startTimeArr[2]}  ${startTimeArr[3]}:${startTimeArr[4]}:00`;
     },
-    timeFormat(time) { // 时间格式化 2019-09-08
+    timeFormat(time) {
+      // 时间格式化 2019-09-08
       let year = time.getFullYear();
       let month = time.getMonth() + 1;
       let day = time.getDate();
-        return year + '年' + month + '月' + day + '日' 
+      return year + "年" + month + "月" + day + "日";
     },
     endTimeChange(e) {
       let endTimeArr = e.getValues();
       this.basicInfo.endTime1 = `${endTimeArr[0]}-${endTimeArr[1]}-${endTimeArr[2]}`;
     },
     endTimeChange2(e, index) {
-      this.prizeList[index].endTime1 = this.timeFormat(e)
+      this.prizeList[index].endTime1 = this.timeFormat(e);
     },
     // 数字大写转小写
     numberToUpperCase(textIndex) {
@@ -503,9 +522,8 @@ export default {
       });
     },
     removePrice(index) {
-      this.prizeList.splice(index,1)
-    },
-     
+      this.prizeList.splice(index, 1);
+    }
   },
   mounted() {}
 };
@@ -572,7 +590,7 @@ export default {
   padding: 0;
 }
 .right >>> .van-cell:not(:last-child)::after {
-  display: none;
+  display: none !important;
 }
 .noborder >>> .van-cell:not(:last-child)::after {
   border: none;
@@ -639,6 +657,9 @@ export default {
 .je >>> .van-cell:not(:last-child)::after {
   display: none;
 }
+.jpsl >>> .van-cell:not(:last-child)::after {
+  display: none;
+}
 .all {
   box-shadow: 0px 1px 3px 0px rgba(221, 221, 221, 1);
   padding-bottom: 1px;

ybf_wx/src/views/active/turntableDetail.vue

@@ -22,12 +22,25 @@
         马几一民号传所把半米料己走专管每见严且具还京叫海公好速信调化眼务难心化二响住厂图电没速严义常象关更了低。由压反几风列线法再石究说布通总织第量回儿称从消片度音济学地通斯带老水亲东志报月者进放北传看术走形解林直动效提情影和复色米最只等。济交感去照象强手式性九己值正可心什体收并适部该置可山省十。
       </p>
     </div>
-    <div class="creat">创建同款活动</div>
+    <div class="creat" @click="createActive">创建同款活动</div>
   </div>
 </template>
 
 <script>
-export default {};
+export default {
+  data() {
+    return {
+      
+    }
+  },
+  methods: {
+    createActive() {
+      this.$router.push({
+        name: 'createBigWheelActive'
+      })
+    }
+  },
+};
 </script>
 
 <style>

ybf_wx/src/views/mainSale/active/template/index.vue

@@ -38,7 +38,7 @@
                             name: "送券活动",
                             logoUrl: "/mainSale/icon-active-2.png",
                             dsc: "有各种物质组成的举行球状天体，叫做星球。星球有一定的形状。",
-                            reDirect: "turntableDetail"
+                            reDirect: "couponDetail"
                         }
                     ],
                 },