feat:按钮

src/views/goodsList/components/goodsCard.vue

@@ -22,10 +22,15 @@
       <!-- 已抢光 -->
       <!-- 未开始 -->
       <!-- 已结束 -->
-      <div class="group-item-button">
-        <cr-button size="small" shape="circle" type="primary" :class="btnByStatus.cls">{{
-          btnByStatus.t
-        }}</cr-button>
+      <div class="group-item-btnbox">
+        <cr-button
+          size="small"
+          shape="circle"
+          type="primary"
+          class="group-item-button"
+          :class="btnByStatus.cls"
+          >{{ btnByStatus.t }}</cr-button
+        >
       </div>
     </dd>
   </dl>
@@ -60,7 +65,7 @@ export default {
       const { hasStop, hasStart } = this.topicCfg;
       const { goodsCount } = this.goodsItem;
       if (!hasStart) {
-        return { t: '未开始', d: true, s: 0, cls: 'not-start' };
+        return { t: '未开始', d: true, s: 0, cls: 'group-item-notbtn' };
       }
       if (hasStop) {
         return { t: '已结束', d: true, s: 1, cls: 'btnabled' };
@@ -217,12 +222,12 @@ export default {
     color: #999999;
     font-size: @font-size-12;
   }
-  &-button {
+  &-btnbox {
     position: absolute;
     bottom: 12px;
     right: 0;
   }
-  .cr-button {
+  &-button {
     position: relative;
     width: 90px;
     height: 28px;
@@ -231,7 +236,8 @@ export default {
     display: flex;
     align-items: center;
     justify-content: center;
-    &::after {
+  }
+  &-notbtn::after {
     content: '';
     position: absolute;
     width: 110%;
@@ -240,11 +246,9 @@ export default {
     top: 0;
     margin-left: -2%;
     margin-top: -2%;
-
     z-index: 1;
     background-color: rgba(255, 255, 255, 0.6);
   }
-  }
   .btnabled {
     cursor: not-allowed;
     opacity: 0.6;

src/views/goodsList/index.vue

@@ -301,8 +301,8 @@ async function getActivityList(urlQuery, next) {
     // t.startTime = '2021-10-01 20:00:00';
     // t.endTime = '2021-10-02 20:02:00';
     // 正在活动中
-    // t.startTime = '2021-09-23 00:00:00';
-    // t.endTime = '2021-09-25 00:00:00';
+    // t.startTime = '2021-09-30 00:00:00';
+    // t.endTime = '2021-10-02 00:00:00';
     // // 活动已结束
     // t.startTime = '2021-09-23 10:45:00';
     // t.endTime = '2021-09-23 19:17:20';