nearbystores界面修改

enum/nearbyEnum.js

@@ -0,0 +1,28 @@
+// enum/nearbyEnum.js
+// 图像简称与API链接地址的枚举
+
+export const NearbyImageEnum = {
+  // VENERABLE_MONK_IN_THE_TEMPLE: "https://api.ccttiot.com/image-1753687164375.png", //
+  // BG: "https://api.ccttiot.com/smartmeter/img/static/uz3vQk44WkGnJPVjKrw1", // 背景图
+  // GG: "https://api.ccttiot.com/smartmeter/img/static/uIm0UpcFxyLwYpwCIVcg",   // 公告图标
+  // ICON1: "https://api.ccttiot.com/smartmeter/img/static/u0xTi5R31GxYwd7WxRhy", // 右侧图标1
+  // ICON2: "https://api.ccttiot.com/smartmeter/img/static/uB1vz72boVOJMfDgqcCP", // 右侧图标2
+  // ... 其他图片
+  INSTITUTION: "https://api.ccttiot.com/smartmeter/img/static/uOOpKw4AVVYPpvpcqmrZ", // 寺庙建制
+  ABBOT: "https://api.ccttiot.com/smartmeter/img/static/utmlRwjQwf73DjXntneL", // 主持法师
+  ANCIENT:"https://api.ccttiot.com/smartmeter/img/static/upCsFSxrBjwmeX6f3ykL", // 古刹巡礼
+  WALK: "https://api.ccttiot.com/smartmeter/img/static/uET6o6pB2IDzfJb4BCv3", // 走进平山
+  MONK: "https://api.ccttiot.com/image-1753687164375.png", // 寺庙高僧
+  ACTIVITY: "https://api.ccttiot.com/image-1753691910959.png", // 活动预告
+  NEW:'https://api.ccttiot.com/image-1753691974607.png',//新闻动态
+
+  // ... 继续补充
+};
+
+export default NearbyImageEnum;
+
+
+// 使用方法
+// import { NearbyImageEnum } from '@/enum/nearbyEnum.js';
+
+// const bgUrl = NearbyImageEnum.BG;

pages/nearbystores/index.vue

@@ -18,11 +18,45 @@
 				<image src="https://api.ccttiot.com/smartmeter/img/static/u0xTi5R31GxYwd7WxRhy" mode=""></image>
 			</view>
 			<view class="">
-				<image src="https://api.ccttiot.com/smartmeter/img/static/uB1vz72boVOJMfDgqcCP" mode=""></image>
+				<image src="https://api.ccttiot.com/image-1753692152175.png" mode=""></image>
 			</view>
 		</view>
 		<!-- 底部 -->
 		<view class="bot">
+      <view class="list">
+        <view class="li">
+          <image :src="NearbyImageEnum().MONK" mode=""></image>
+          <view class="da">
+            寺庙高僧
+          </view>
+          <view class="xiao">
+            VENERABLE MONK IN THE TEMPLE
+          </view>
+        </view>
+        <view class="li">
+          <image :src="NearbyImageEnum().ACTIVITY" mode=""></image>
+          <view class="da">
+            活动预告
+          </view>
+          <view class="xiao">
+            ACTIVITY NOTICE
+          </view>
+        </view>
+        <view class="li">
+          <image :src="NearbyImageEnum().NEW" mode=""></image>
+          <view class="da">
+            新闻动态
+          </view>
+          <view class="xiao">
+            DYNAMICS
+          </view>
+        </view>
+        <view class="li">
+        </view>
+        <view class="li">
+        </view>
+      </view>
+
 			<view class="name">
 			       <image src="https://api.ccttiot.com/smartmeter/img/static/ugNHTwXFgOT8JGofruez" mode=""></image>	<text>寺庙开放时间</text>  <image src="https://api.ccttiot.com/smartmeter/img/static/ugNHTwXFgOT8JGofruez" mode=""></image>
 			</view>
@@ -34,7 +68,7 @@
 			</view>
 			<view class="list">
 				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/uOOpKw4AVVYPpvpcqmrZ" mode=""></image>
+					<image :src="NearbyImageEnum().WALK" mode=""></image>
 					<view class="da">
 						走进平山
 					</view>
@@ -43,16 +77,16 @@
 					</view>
 				</view>
 				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/utmlRwjQwf73DjXntneL" mode=""></image>
+					<image :src="NearbyImageEnum().INSTITUTION" mode=""></image>
 					<view class="da">
-						寺庙监制
+						寺庙建制
 					</view>
 					<view class="xiao">
 						TEMPLE INSTITUTIONAL STRUCTURE
 					</view>
 				</view>
 				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/upCsFSxrBjwmeX6f3ykL" mode=""></image>
+					<image :src="NearbyImageEnum().ABBOT" mode=""></image>
 					<view class="da">
 						主持法师
 					</view>
@@ -61,7 +95,7 @@
 					</view>
 				</view>
 				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/uET6o6pB2IDzfJb4BCv3" mode=""></image>
+					<image :src="NearbyImageEnum().ANCIENT" mode=""></image>
 					<view class="da">
 						古刹巡礼
 					</view>
@@ -69,33 +103,6 @@
 						ATOUR OF ANCIENT TEMPLE
 					</view>
 				</view>
-				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/utmlRwjQwf73DjXntneL" mode=""></image>
-					<view class="da">
-						寺庙高僧
-					</view>
-					<view class="xiao">
-						VENERABLE MONK IN THE TEMPLE
-					</view>
-				</view>
-				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/ukpHebqmOp2su1cOLTsqkL" mode=""></image>
-					<view class="da">
-						活动预告
-					</view>
-					<view class="xiao">
-						ACTIVITY NOTICE
-					</view>
-				</view>
-				<view class="li">
-					<image src="https://api.ccttiot.com/smartmeter/img/static/uET6o6pB2IDzfJb4BCv3" mode=""></image>
-					<view class="da">
-						新闻动态
-					</view>
-					<view class="xiao">
-						DYNAMICS
-					</view>
-				</view>
 			</view>
 			<view class="bottom">
 				<image src="https://api.ccttiot.com/smartmeter/img/static/ucPuJT9zaH3VSoWzGwSE" mode=""></image>
@@ -120,6 +127,7 @@
 </template>
 
 <script>
+import NearbyImageEnum from "../../enum/nearbyEnum";
 	export default {
 		data() {
 			return {
@@ -135,6 +143,9 @@
 			clearInterval(this.timer);
 		},
 		methods: {
+      NearbyImageEnum() {
+        return NearbyImageEnum
+      },
 			startMarquee() {
 				// 估算文字宽度（每个字24rpx，可根据实际字体大小调整）
 				const textWidth = this.marqueeText.length * 24;
@@ -317,5 +328,8 @@
 		left: 0;
 		z-index: -1;
 	}
-	
+	.bot .list .li image {
+  width: 56rpx;
+  height: 56rpx;
+}
 </style>