sjeam/digital_village_uni
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

页面
Some checks are pending
Auto Merge Main to Other Branches / Merge main into i18n (push) Waiting to run
Details
Auto Merge Main to Other Branches / Merge main into base-sard-ui (push) Waiting to run
Details

Browse Source
This commit is contained in:
sjeam 2025-09-06 14:55:02 +08:00
parent 8e42d1fa81
commit 748dffc419
5 changed files with 63 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/pages/about/detail.vue
View File

@ -39,7 +39,7 @@
</view> </view>
<view <view
class="p-1 font-size-3 color-black" class="p-1 font-size-3 color-gary"
style="align-items: end" style="align-items: end"
@click="location(detail)" @click="location(detail)"
> >
@ -157,6 +157,10 @@ export default defineComponent({
this.detail = res.data this.detail = res.data
this.getIndex(this.detail['category_id']) this.getIndex(this.detail['category_id'])
this.swiperList = res.data['images'] this.swiperList = res.data['images']
uni.setNavigationBarTitle({
title: this.detail.title, // 运行时修改标题
})
}, },
goPage(item) { goPage(item) {
getUrl('/pages/about/detail?id=' + item.id) getUrl('/pages/about/detail?id=' + item.id)

7
src/pages/about/index.vue
View File

@ -40,11 +40,10 @@
<wd-grid :column="4"> <wd-grid :column="4">
<view @click="changeTab(item)" v-for="item in category"> <view @click="changeTab(item)" v-for="item in category">
<wd-grid-item use-slot> <wd-grid-item use-slot>
<view> <view class="px-2">
<wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.image" /> <wd-img radius="10rpx" :width="'180rpx'" :height="'100rpx'" :src="item.image" />
<view <view
class="absolute bottom-5 text-center left-5 right-5 text-white text-center font-size-3 bg-black bg-opacity-20" class="absolute bottom-4 text-center left-0 right-0 text-white text-center font-size-4 bg-black bg-opacity-0"
> >
{{ item.name }} {{ item.name }}
</view> </view>

76
src/pages/index/index.vue
View File

@ -57,21 +57,21 @@
v-for="item in [ v-for="item in [
{ {
name: '名优特产', name: '名优特产',
url: '/pages/columnGoods/goods_list/index?id=38', url: '/pages/columnGoods/goods_list/index?id=38&title=名优特产',
icon: '/static/icons/village_service.png', icon: '/static/icons/village_service.png',
type: 2, type: 2,
color: 'green', color: 'green',
}, },
{ {
name: '当季产品', name: '当季产品',
url: '/pages/columnGoods/goods_list/index?id=37', url: '/pages/columnGoods/goods_list/index?id=37&title=当季产品',
icon: '/static/icons/agriculture_service.png', icon: '/static/icons/agriculture_service.png',
type: 2, type: 2,
color: 'blue', color: 'blue',
}, },
{ {
name: '滞销产品', name: '滞销产品',
url: '/pages/columnGoods/goods_list/index?id=30', url: '/pages/columnGoods/goods_list/index?id=30&title=滞销产品',
icon: '/static/icons/agriculture_course.png', icon: '/static/icons/agriculture_course.png',
type: 2, type: 2,
color: 'orange', color: 'orange',
@ -105,12 +105,12 @@
<view class="title"> <view class="title">
<view> <view>
<text class="text-xl text-sm font-size-4 font-bold color-black">当季产品</text> <text class="text-xl text-sm font-size-4 font-bold color-black">当季产品</text>
<text class="ps-2 text-xl text-sm font-size-3 color-black"> <text class="ps-2 text-xl text-sm font-size-3 color-gary">
好物上新季，特产抢先购 好物上新季，特产抢先购
</text> </text>
</view> </view>
<wd-button <wd-button
type="primary" type="success"
size="small" size="small"
@click=" @click="
more({ more({
@ -119,7 +119,7 @@
}) })
" "
> >
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text> <wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
</wd-button> </wd-button>
</view> </view>
</template> </template>
@ -133,7 +133,7 @@
@click=" @click="
more({ more({
type: 2, type: 2,
url: `/pages/goods_details/index?id=${item.product_id} `, url: '/pages/goods_details/index?id=${item.product_id}',
}) })
" "
v-for="item in product_30" v-for="item in product_30"
@ -143,14 +143,18 @@
<view style="height: 200rpx; width: 300rpx"> <view style="height: 200rpx; width: 300rpx">
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.image" /> <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.image" />
</view> </view>
<view class="ps-2 pt-2 font-size-4 font-bold color-black"> <view>
{{ item.store_name }} <view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
{{ item.store_name }}
</view>
</view> </view>
<view class="ps-2 pt-2 font-size-3 ellipsis">{{ item.store_info }}</view> <view>
<view class="ps-2 pt-2 pb-2"> <view class="ps-2 pt-1 font-size-3 ellipsis">{{ item.store_info }}</view>
</view>
<view class="ps-2 pt-1 pb-2">
<view class="text-sm text-gray-500 text-left"> <view class="text-sm text-gray-500 text-left">
<wd-text size="20rpx" color="red" :text="item.price" mode="price" prefix="￥" /> <wd-text size="32rpx" color="red" :text="item.price" mode="price" prefix="￥" />
<wd-text size="20rpx" color="red" text="券后价" mode="text" prefix=" " /> <!-- <wd-text size="20rpx" color="red" text="券后价" mode="text" prefix=" " />
<wd-text <wd-text
size="18rpx" size="18rpx"
color="gray" color="gray"
@ -158,7 +162,7 @@
mode="price" mode="price"
decoration="line-through" decoration="line-through"
prefix="￥" prefix="￥"
/> /> -->
</view> </view>
</view> </view>
</wd-card> </wd-card>
@ -173,10 +177,10 @@
<view class="title"> <view class="title">
<view> <view>
<text class="text-xl text-sm font-size-4 font-bold color-black">美丽乡村</text> <text class="text-xl text-sm font-size-4 font-bold color-black">美丽乡村</text>
<text class="ps-2 text-xl text-sm font-size-3 color-black">美丽乡村风貌展示厅</text> <text class="ps-2 text-xl text-sm font-size-3 color-gary">美丽乡村风貌展示厅</text>
</view> </view>
<wd-button type="primary" size="small" @click="switchTab(eat_id)"> <wd-button type="success" size="small" @click="switchTab(eat_id)">
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text> <wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
</wd-button> </wd-button>
</view> </view>
</template> </template>
@ -233,10 +237,10 @@
<view class="title"> <view class="title">
<view> <view>
<text class="text-xl text-sm font-size-4 font-bold color-black">特产好物</text> <text class="text-xl text-sm font-size-4 font-bold color-black">特产好物</text>
<text class="ps-2 text-xl text-sm font-size-3 color-black">精选好物，不容错过</text> <text class="ps-2 text-xl text-sm font-size-3 color-gary">精选好物，不容错过</text>
</view> </view>
<wd-button type="primary" size="small" @click="switchTab(live_id)"> <wd-button type="success" size="small" @click="switchTab(live_id)">
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text> <wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
</wd-button> </wd-button>
</view> </view>
</template> </template>
@ -260,8 +264,12 @@
<view style="height: 200rpx"> <view style="height: 200rpx">
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" /> <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" />
</view> </view>
<view class="ps-2 pt-2 font-size-4 font-bold color-black">{{ item.title }}</view> <view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
<view class="ps-2 pt-2 font-size-3 ellipsis">{{ item.description }}</view> {{ item.title }}发放接口连接啊发生金坷拉激发
</view>
<view class="ps-2 pt-2 font-size-3 ellipsis">
{{ item.description }}
</view>
<view class="ps-2 pt-2 pb-2"></view> <view class="ps-2 pt-2 pb-2"></view>
</wd-card> </wd-card>
</view> </view>
@ -276,12 +284,12 @@
<view class="title"> <view class="title">
<view> <view>
<text class="text-xl text-sm font-size-4 font-bold color-black">热门咨询</text> <text class="text-xl text-sm font-size-4 font-bold color-black">热门咨询</text>
<text class="ps-2 text-xl text-sm font-size-3 color-black"> <text class="ps-2 text-xl text-sm font-size-3 color-gary">
热门咨询，一键掌握新鲜事 热门咨询，一键掌握新鲜事
</text> </text>
</view> </view>
<wd-button type="primary" size="small" @click="switchTab(play_id)"> <wd-button type="success" size="small" @click="switchTab(play_id)">
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text> <wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
</wd-button> </wd-button>
</view> </view>
</template> </template>
@ -299,12 +307,12 @@
<view class="ps-1 font-size-3 font-bold ellipsis-2 color-black"> <view class="ps-1 font-size-3 font-bold ellipsis-2 color-black">
{{ item.title }} {{ item.title }}
</view> </view>
<view class="px-1 font-size-3 ellipsis-2">{{ item.description }}</view> <view class="px-1 font-size-3 ellipsis-2 color-gary">{{ item.description }}</view>
<view class="p-1 font-size-3 color-black" style="align-items: end"> <view class="p-1 font-size-3 color-gary" style="align-items: end">
<text class="pe-2 font-size-3">2025-8-23</text> <text class="pe-2 font-size-3">2025-8-23</text>
<wd-tag custom-class="space font-size-3" type="danger" round> <!-- <wd-tag custom-class="space font-size-3" type="danger" round>
{{ item.category_name }} {{ item.category_name }}
</wd-tag> </wd-tag> -->
</view> </view>
</view> </view>
</view> </view>
@ -318,10 +326,10 @@
<view class="title"> <view class="title">
<view> <view>
<text class="text-xl text-sm font-size-4 font-bold color-black">景区旅游</text> <text class="text-xl text-sm font-size-4 font-bold color-black">景区旅游</text>
<text class="ps-2 text-xl text-sm font-size-3 color-black">好玩儿路线一网打尽</text> <text class="ps-2 text-xl text-sm font-size-3 color-gary">好玩儿路线一网打尽</text>
</view> </view>
<wd-button type="primary" size="small" @click="switchTab(purchase_id)"> <wd-button type="success" size="small" @click="switchTab(purchase_id)">
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text> <wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
</wd-button> </wd-button>
</view> </view>
</template> </template>
@ -336,7 +344,9 @@
<view style="height: 200rpx"> <view style="height: 200rpx">
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" /> <wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" />
</view> </view>
<view class="ps-2 pt-2 font-size-4 font-bold color-black">{{ item.author }}</view> <view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
{{ item.author }}
</view>
<view class="ps-2 pt-2 font-size-3 ellipsis">{{ item.description }}</view> <view class="ps-2 pt-2 font-size-3 ellipsis">{{ item.description }}</view>
<view class="ps-2 pt-2 pb-2"> <view class="ps-2 pt-2 pb-2">
<!-- <view class="text-sm text-gray-500 text-left"> <!-- <view class="text-sm text-gray-500 text-left">

1
src/pages/web_view/index.vue
View File

@ -54,7 +54,6 @@ export default defineComponent({
// this.local_url = decodeURIComponent(getUrlCrmebLogin() + option.target) // this.local_url = decodeURIComponent(getUrlCrmebLogin() + option.target)
console.log(getUrlCrmebLogin()) console.log(getUrlCrmebLogin())
// const target = encodeURIComponent(option.target) // const target = encodeURIComponent(option.target)
const target = option.target const target = option.target
if (isMpWeixin) { if (isMpWeixin) {
this.local_url = getUrlCrmebLogin() + '?target=' + target this.local_url = getUrlCrmebLogin() + '?target=' + target

14
src/style/index.scss
View File

@ -16,6 +16,9 @@
page { page {
background-color: $uni-bg-color; background-color: $uni-bg-color;
// 修改按主题色 // 修改按主题色
--wot-color-success: #d8f7d5; // 主题色
--wot-button-success-bg-color: #d8f7d5; //按钮成功颜色
--wot-color-theme: #87d76b; --wot-color-theme: #87d76b;
--wot-button-primary-bg-color: #87d76b; // 按钮默认颜色 --wot-button-primary-bg-color: #87d76b; // 按钮默认颜色
--wot-grid-item-padding: 0rpx 10rpx; //gid布局 --wot-grid-item-padding: 0rpx 10rpx; //gid布局
@ -48,6 +51,10 @@ page {
color: #333333ff !important; color: #333333ff !important;
} }
.color-gary {
color: #999999ff !important;
}
.default-color { .default-color {
color: #87d76b; color: #87d76b;
} }
@ -142,13 +149,16 @@ $container-width: 100%;
$padding-width: 20rpx; $padding-width: 20rpx;
.ellipsis { .ellipsis {
display: inline-block; display: inline-block;
font-size: 40rpx;
width: calc($container-width - $padding-width); /* 确保容器有宽度 */ line-height: 40rpx;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1; /* 限制为1行 */
/* 防止文字换行 */ /* 防止文字换行 */
overflow: hidden; overflow: hidden;
/* 隐藏超出部分的文字 */ /* 隐藏超出部分的文字 */
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
width: calc($container-width - $padding-width); /* 确保容器有宽度 */
/* 确保元素有宽度 */ /* 确保元素有宽度 */
} }
.ellipsis-2 { .ellipsis-2 {