feat：商品列表按钮添加灰色样式；商品详情页左上角添加返回箭头按钮；

src/views/Forestage/Tourism/index.vue

@@ -1,6 +1,9 @@
 <template>
 	<!-- 旅游 -->
 	<div class="tourism-box">
+
+		<img v-if="current == 'goods'" src="@/assets/img/back.png" class="back-img" alt="" @click="handleBack">
+		
 		<div class="fs-42 fw-400 text-align-center mt-40 mb-40 fc-f wow animate__animated animate__bounceInUp">
 			{{ $t('home2.text11') }}</div>
 
@@ -24,7 +27,8 @@
 								<div class="val">	{{lang == 'cn'?item.contents:item.contents_en}}</div>
 							</div>
 						</div>
-						<div class="operate" @click="handleGoodsItem(item)">{{ $t('other.text5') }}</div>
+						<div v-if="userInfo.vip_id == item.id" class="operate" @click="handleGoodsItem(item)">{{ $t('other.text5') }}</div>
+						<div v-if="userInfo.vip_id != item.id" class="operate disabled">{{ $t('other.text5') }}</div>
 					</div>
 				</div>
 			</div>
@@ -233,6 +237,10 @@ export default {
 			}
 
 		},
+
+		handleBack() {
+			this.current = 'list'
+		}
 	},
 }
 </script>
@@ -243,6 +251,15 @@ span {
 	box-sizing: border-box
 }
 
+.back-img {
+	position: absolute;
+	z-index: 9;
+	width: 24px;
+	height: 24px;
+	margin: 50px;
+	cursor: pointer;
+}
+
 .mtb-20 {
 	margin: 20px 0;
 }
@@ -418,6 +435,10 @@ span {
 				background-color: #c7ab7b;
 				border-radius: 2px;
 				cursor: pointer;
+
+				&.disabled {
+					background-color: #E0E0E0;
+				}
 			}
 		}
 	}