Fix：2693 【非遗文化】【关闭】状态的省份图标及名称不会变灰，与管理后台展示的效果不一致

pkg_product/views/heritage.vue

@@ -70,14 +70,27 @@ export default {
       <image style="width: 100%" :src="backgroundImage" mode="widthFix"/>
       <view class="item" :style="{'left':item.gx+'rpx','top':item.gy+'rpx'}" v-for="(item,index) in contents"
             :key="index" @click="goDetails(item)">
-        <image class="img-item" :src="item.image"/>
-        <view class=" v12-text-center v12-white-text v12-primary v12-radius-80 v12-px-1 title">{{ item.title }}</view>
+        <image class="img-item" :src="item.image" :class="{'unlink': !item.isLink}"/>
+        <view 
+          class=" v12-text-center v12-white-text  v12-radius-80 v12-px-1 title" 
+        :class="{
+          'v12-primary': item.isLink,
+          'un-actived': !item.isLink
+        }">
+        {{ item.title }}</view>
       </view>
     </view>
   </view>
 </template>
 
 <style scoped lang="less">
+.unlink{
+  filter: grayscale(100%);
+}
+.un-actived{
+  background: #494949 !important;
+  background-color: #494949 !important;
+}
 .pkg-product-heritage {
   image {
     vertical-align: middle;