页面
This commit is contained in:
parent
8e42d1fa81
commit
748dffc419
@ -39,7 +39,7 @@
|
||||
</view>
|
||||
|
||||
<view
|
||||
class="p-1 font-size-3 color-black"
|
||||
class="p-1 font-size-3 color-gary"
|
||||
style="align-items: end"
|
||||
@click="location(detail)"
|
||||
>
|
||||
@ -157,6 +157,10 @@ export default defineComponent({
|
||||
this.detail = res.data
|
||||
this.getIndex(this.detail['category_id'])
|
||||
this.swiperList = res.data['images']
|
||||
|
||||
uni.setNavigationBarTitle({
|
||||
title: this.detail.title, // 运行时修改标题
|
||||
})
|
||||
},
|
||||
goPage(item) {
|
||||
getUrl('/pages/about/detail?id=' + item.id)
|
||||
|
||||
@ -40,11 +40,10 @@
|
||||
<wd-grid :column="4">
|
||||
<view @click="changeTab(item)" v-for="item in category">
|
||||
<wd-grid-item use-slot>
|
||||
<view>
|
||||
<wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.image" />
|
||||
|
||||
<view class="px-2">
|
||||
<wd-img radius="10rpx" :width="'180rpx'" :height="'100rpx'" :src="item.image" />
|
||||
<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 }}
|
||||
</view>
|
||||
|
||||
@ -57,21 +57,21 @@
|
||||
v-for="item in [
|
||||
{
|
||||
name: '名优特产',
|
||||
url: '/pages/columnGoods/goods_list/index?id=38',
|
||||
url: '/pages/columnGoods/goods_list/index?id=38&title=名优特产',
|
||||
icon: '/static/icons/village_service.png',
|
||||
type: 2,
|
||||
color: 'green',
|
||||
},
|
||||
{
|
||||
name: '当季产品',
|
||||
url: '/pages/columnGoods/goods_list/index?id=37',
|
||||
url: '/pages/columnGoods/goods_list/index?id=37&title=当季产品',
|
||||
icon: '/static/icons/agriculture_service.png',
|
||||
type: 2,
|
||||
color: 'blue',
|
||||
},
|
||||
{
|
||||
name: '滞销产品',
|
||||
url: '/pages/columnGoods/goods_list/index?id=30',
|
||||
url: '/pages/columnGoods/goods_list/index?id=30&title=滞销产品',
|
||||
icon: '/static/icons/agriculture_course.png',
|
||||
type: 2,
|
||||
color: 'orange',
|
||||
@ -105,12 +105,12 @@
|
||||
<view class="title">
|
||||
<view>
|
||||
<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>
|
||||
</view>
|
||||
<wd-button
|
||||
type="primary"
|
||||
type="success"
|
||||
size="small"
|
||||
@click="
|
||||
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>
|
||||
</view>
|
||||
</template>
|
||||
@ -133,7 +133,7 @@
|
||||
@click="
|
||||
more({
|
||||
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"
|
||||
@ -143,14 +143,18 @@
|
||||
<view style="height: 200rpx; width: 300rpx">
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.image" />
|
||||
</view>
|
||||
<view class="ps-2 pt-2 font-size-4 font-bold color-black">
|
||||
{{ item.store_name }}
|
||||
<view>
|
||||
<view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
|
||||
{{ item.store_name }}
|
||||
</view>
|
||||
</view>
|
||||
<view class="ps-2 pt-2 font-size-3 ellipsis">{{ item.store_info }}</view>
|
||||
<view class="ps-2 pt-2 pb-2">
|
||||
<view>
|
||||
<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">
|
||||
<wd-text size="20rpx" color="red" :text="item.price" mode="price" prefix="￥" />
|
||||
<wd-text size="20rpx" color="red" text="券后价" mode="text" 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="18rpx"
|
||||
color="gray"
|
||||
@ -158,7 +162,7 @@
|
||||
mode="price"
|
||||
decoration="line-through"
|
||||
prefix="￥"
|
||||
/>
|
||||
/> -->
|
||||
</view>
|
||||
</view>
|
||||
</wd-card>
|
||||
@ -173,10 +177,10 @@
|
||||
<view class="title">
|
||||
<view>
|
||||
<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>
|
||||
<wd-button type="primary" size="small" @click="switchTab(eat_id)">
|
||||
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
|
||||
<wd-button type="success" size="small" @click="switchTab(eat_id)">
|
||||
<wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
|
||||
</wd-button>
|
||||
</view>
|
||||
</template>
|
||||
@ -233,10 +237,10 @@
|
||||
<view class="title">
|
||||
<view>
|
||||
<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>
|
||||
<wd-button type="primary" size="small" @click="switchTab(live_id)">
|
||||
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
|
||||
<wd-button type="success" size="small" @click="switchTab(live_id)">
|
||||
<wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
|
||||
</wd-button>
|
||||
</view>
|
||||
</template>
|
||||
@ -260,8 +264,12 @@
|
||||
<view style="height: 200rpx">
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" />
|
||||
</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-3 ellipsis">{{ item.description }}</view>
|
||||
<view class="ps-2 pt-2 font-size-4 font-bold color-black ellipsis">
|
||||
{{ 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>
|
||||
</wd-card>
|
||||
</view>
|
||||
@ -276,12 +284,12 @@
|
||||
<view class="title">
|
||||
<view>
|
||||
<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>
|
||||
</view>
|
||||
<wd-button type="primary" size="small" @click="switchTab(play_id)">
|
||||
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
|
||||
<wd-button type="success" size="small" @click="switchTab(play_id)">
|
||||
<wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
|
||||
</wd-button>
|
||||
</view>
|
||||
</template>
|
||||
@ -299,12 +307,12 @@
|
||||
<view class="ps-1 font-size-3 font-bold ellipsis-2 color-black">
|
||||
{{ item.title }}
|
||||
</view>
|
||||
<view class="px-1 font-size-3 ellipsis-2">{{ item.description }}</view>
|
||||
<view class="p-1 font-size-3 color-black" style="align-items: end">
|
||||
<view class="px-1 font-size-3 ellipsis-2 color-gary">{{ item.description }}</view>
|
||||
<view class="p-1 font-size-3 color-gary" style="align-items: end">
|
||||
<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 }}
|
||||
</wd-tag>
|
||||
</wd-tag> -->
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -318,10 +326,10 @@
|
||||
<view class="title">
|
||||
<view>
|
||||
<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>
|
||||
<wd-button type="primary" size="small" @click="switchTab(purchase_id)">
|
||||
<wd-text text="更多" color="#ffffff" size="24rpx"></wd-text>
|
||||
<wd-button type="success" size="small" @click="switchTab(purchase_id)">
|
||||
<wd-text text="更多" bold color="#4AC242FF" size="28rpx"></wd-text>
|
||||
</wd-button>
|
||||
</view>
|
||||
</template>
|
||||
@ -336,7 +344,9 @@
|
||||
<view style="height: 200rpx">
|
||||
<wd-img radius="20rpx" :width="'100%'" :height="'100%'" :src="item.cover" />
|
||||
</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 pb-2">
|
||||
<!-- <view class="text-sm text-gray-500 text-left">
|
||||
|
||||
@ -54,7 +54,6 @@ export default defineComponent({
|
||||
// this.local_url = decodeURIComponent(getUrlCrmebLogin() + option.target)
|
||||
console.log(getUrlCrmebLogin())
|
||||
// const target = encodeURIComponent(option.target)
|
||||
|
||||
const target = option.target
|
||||
if (isMpWeixin) {
|
||||
this.local_url = getUrlCrmebLogin() + '?target=' + target
|
||||
|
||||
@ -16,6 +16,9 @@
|
||||
page {
|
||||
background-color: $uni-bg-color;
|
||||
// 修改按主题色
|
||||
--wot-color-success: #d8f7d5; // 主题色
|
||||
--wot-button-success-bg-color: #d8f7d5; //按钮成功颜色
|
||||
|
||||
--wot-color-theme: #87d76b;
|
||||
--wot-button-primary-bg-color: #87d76b; // 按钮默认颜色
|
||||
--wot-grid-item-padding: 0rpx 10rpx; //gid布局
|
||||
@ -48,6 +51,10 @@ page {
|
||||
color: #333333ff !important;
|
||||
}
|
||||
|
||||
.color-gary {
|
||||
color: #999999ff !important;
|
||||
}
|
||||
|
||||
.default-color {
|
||||
color: #87d76b;
|
||||
}
|
||||
@ -142,13 +149,16 @@ $container-width: 100%;
|
||||
$padding-width: 20rpx;
|
||||
.ellipsis {
|
||||
display: inline-block;
|
||||
|
||||
width: calc($container-width - $padding-width); /* 确保容器有宽度 */
|
||||
font-size: 40rpx;
|
||||
line-height: 40rpx;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-line-clamp: 1; /* 限制为1行 */
|
||||
/* 防止文字换行 */
|
||||
overflow: hidden;
|
||||
/* 隐藏超出部分的文字 */
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
width: calc($container-width - $padding-width); /* 确保容器有宽度 */
|
||||
/* 确保元素有宽度 */
|
||||
}
|
||||
.ellipsis-2 {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user