WindowBird/buddhism
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

nearbystores界面修改

Browse Source
This commit is contained in:
minimaxagent1 2025-07-28 17:28:52 +08:00
parent 0f0847a5f1
commit 19166c7997
2 changed files with 77 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
enum/nearbyEnum.js Normal file
View File

@ -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;

84
pages/nearbystores/index.vue
View File

@ -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 {
@ -134,7 +142,10 @@
beforeDestroy() {
clearInterval(this.timer);
},
methods: {
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>