分类指南添加图片；用户和其他角色查看的用户指南图片不同

liujun001
1 parent ae89ec64
Showing 4 changed files with 72 additions and 4 deletions
garbage-removal/src/pages.json
garbage-removal/src/pages/home-info/type-guide/index.vue
garbage-removal/src/pages/home-info/user-guide/index.vue
garbage-removal/src/pages/home/index.vue
@@ -86,6 +86,14 @@
 				"navigationBarBackgroundColor": "#19a97c",
 				"enablePullDownRefresh": false
 			}
+		},{
+			"path": "type-guide/index",
+			"style": {
+				"navigationBarTitleText": "分类指南",
+				"navigationBarTextStyle": "white",
+				"navigationBarBackgroundColor": "#19a97c",
+				"enablePullDownRefresh": false
+			}
 		}
 		]
 	},{
+<template>
+    <view class="type-guide">
+      <image :src="imageUrl"></image>
+    </view>
+  </template>
+  
+  <script setup>
+  const imageUrl = import.meta.env.VITE_BASE_URL + "/type-guide.png";
+  </script>
+  
+  <style lang="scss" scoped>
+  .type-guide {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    justify-content: center;
+    box-sizing: border-box;
+    background-color: white;
+    padding-top: 20rpx;
+  
+    image {
+      background-size: 100% 100%;
+      width: 750rpx;
+      height: 4494rpx;
+    }
+  }
+  </style>
+  
 \ No newline at end of file
 <template>
-  <view class="user-guide">
+  <view class="user-guide1" v-if="userType=='用户'">
+    <image :src="imageUrl1" ></image>
+  </view>
+
+  <view class="user-guide"  v-else>
     <image :src="imageUrl"></image>
   </view>
+
 </template>
  
 <script setup>
-const imageUrl = import.meta.env.VITE_BASE_URL + "/user-guide.png";
+  import { useMainStore } from "@/stores/index.js";
+  import { computed } from 'vue';
+
+  const mainStore = useMainStore()
+  const userType = computed(() => mainStore.userType);
+  const imageUrl1 = import.meta.env.VITE_BASE_URL + "/user-guide1.png";
+  const imageUrl = import.meta.env.VITE_BASE_URL + "/user-guide.png";
+ 
 </script>
  
 <style lang="scss" scoped>
@@ -16,10 +28,28 @@ const imageUrl = import.meta.env.VITE_BASE_URL + &quot;/user-guide.png&quot;;
   background-color: white;
   padding-top: 20rpx;
  
+  display: flex;
+  justify-content: center;
   image {
     background-size: 100% 100%;
-    width: 100%;
+    width: 750rpx;
     height: 4000rpx;
   }
 }
+
+.user-guide1{
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  background-color: white;
+  padding-top: 20rpx;
+
+  display: flex;
+  justify-content: center;
+  image {
+    background-size: 100% 100%;
+    width: 750rpx;
+    height: 2772rpx;
+  }
+}
 </style>
@@ -241,7 +241,9 @@ const handlerCLickInfoBox = (val) =&gt; {
     case '用户指南':
       uni.$u.route('/pages/home-info/user-guide/index')
       break;
-
+    case '分类指南':
+      uni.$u.route('/pages/home-info/type-guide/index')
+      break;
     default:
       break;
   }