武汉大学抽奖

src/views/activity/activityUser.vue

@@ -85,6 +85,10 @@
             }
 
           }, {
+          prop: 'type',
+          label: '类型',
+          width: 100
+        },{
             prop: 'top_department_id',
             label: '排名',
             align: 'center',

src/views/activity/components/addActivityUser.vue

@@ -14,6 +14,16 @@
           </div>
         </div>
       </template>
+      <template v-slot:type>
+        <div class="xy-table-item">
+          <div class="xy-table-item-label">
+            <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>类型
+          </div>
+          <div class="xy-table-item-content">
+            <el-input clearable placeholder="请填写类型" v-model="detail.type" style="width: 300px;" />
+          </div>
+        </div>
+      </template>
       <template v-slot:mobile>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
@@ -105,17 +115,11 @@
           password: "",
           name: "",
           mobile: "",
+          type: "",
           status: 1
         },
         rules: {
-          name: [{
+
-            required: true,
-            message: "用户名称必填写"
-          }],
-          tag: [{
-            required: true,
-            message: "登录账号必填"
-          }],
         }
 
       }

src/views/page/xhxcelshDraw.vue

@@ -44,7 +44,7 @@
         <div class="mask"></div>
         <div style="display: flex;flex-direction: column;justify-content: center;align-items: center;" :style="{ transform: mixinTransform }">
           <div class="start-container__title">
-            {{ product.price_item }}{{ product.total }}名
+            {{ product.price_item }}
           </div>
 
           <img class="start-container__shop" :src="product.image_file ? product.image_file.url : ''" alt="">
@@ -72,7 +72,7 @@
           </div>
 
           <div class="title">
-            {{ product.price_item }}{{ product.total }}名
+            {{ product.price_item }}
           </div>
 
           <div class="result-users">
@@ -173,7 +173,7 @@ export default {
       this.avatars.forEach(item => {
         gsap.to(this.$refs[`column${item.key}`],{
           translateX: (this.columnIndex >= 19 && item.key < 19) ? ((19 - (this.columnIndex - 19) - 1) * 100 + '%') : ((this.columnIndex + 1) * -100 + '%'),
-          duration: 0.2,
+          duration: 0.05,
           // rotateY: -9 + ((item.key)+1) + 'deg',
           // scale: item.key < 11 ? (0.82 + (item.key-1) * 0.02) : (1 - ((item.key-1) - 10) * 0.02)
           onComplete: () => {
@@ -200,7 +200,7 @@ export default {
         gsap.to(this.$refs[`column${(this.columnIndex+i)%(19*2)}`],{
           rotateY: -9 + ((i)+1) + 'deg',
           scale: i < 10 ? (0.82 + i * 0.02) : (1 - (i - 10) * 0.02),
-          duration: 0.2,
+          duration: 0.05,
         })
       }
       this.columnIndex = (this.columnIndex+1) % (19*2)
@@ -229,7 +229,7 @@ export default {
     setTimer() {
       this.timer = setInterval(() => {
         this.animate()
-      },400)
+      },100)
     }
   },
   computed: {},
@@ -394,11 +394,12 @@ export default {
       color: #ffffff;
       font-weight: 500;
       height: 101px;
-      width: 577px;
+      width: 100vw;
       line-height: 101px;
       text-align: center;
-      background: url("~@/assets/xhxcelsh/start-title-bkg.png") no-repeat;
+      word-break: keep-all;
-      background-size: contain;
+      background: url("~@/assets/xhxcelsh/start-title-bkg.png") no-repeat center;
+      //background-size: contain;
     }
     &__shop {
       width: 684px;
@@ -480,7 +481,6 @@ export default {
     }
     .title {
       height: 101px;
-      width: 557px;
       line-height: 101px;
       letter-spacing: 11px;
       text-transform: uppercase;
@@ -488,8 +488,10 @@ export default {
       font-weight: 500;
       font-size: 54px;
       text-align: center;
-      background: url("~@/assets/xhxcelsh/result-title.png") no-repeat;
+      word-break: keep-all;
-      background-size: contain;
+      width: 100vw;
+      background: url("~@/assets/xhxcelsh/result-title.png") no-repeat center;
+      //background-size: contain;
       margin: 104px auto 0;
     }
     .result-users {