指定藏品才能铸造

src/views/activity/Detail1.vue

@@ -19,9 +19,17 @@
 
                 <div class="flex1"></div>
                 <van-button :disabled="startTime" type="primary" round v-if="startTime">{{ startTime }}</van-button>
-                <van-button v-else :disabled="isSolded || !holdingFlag" type="primary" round @click="goBuild">{{
-                    isSolded ? '已售罄' : '立即铸造'
-                }}</van-button>
+                <van-button
+                    v-else
+                    :disabled="isSolded"
+                    :class="{ not: !holdingFlag }"
+                    type="primary"
+                    round
+                    @click="goBuild"
+                    >{{ isSolded ? '已售罄' : '立即铸造' }}</van-button
+                >
+
+                <!--  -->
             </div>
         </template>
     </div>
@@ -48,6 +56,10 @@ export default {
     },
     methods: {
         goBuild() {
+            if (!this.holdingFlag) {
+                this.$toast('持有指定藏品才能铸造');
+                return;
+            }
             this.$router.push(
                 '/chooseProduct?name=' + encodeURIComponent(this.info.collectionName) + '&activityId=' + this.info.id
             );
@@ -167,7 +179,8 @@ export default {
     /deep/.van-button {
         max-width: 132px;
         flex-grow: 1;
-        &.van-button--disabled {
+        &.van-button--disabled,
+        &.not {
             background: #303133;
             color: @text3;
             opacity: 1;