页面
This commit is contained in:
parent
d62e963162
commit
8e42d1fa81
@ -44,7 +44,7 @@
|
|||||||
<wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.image" />
|
<wd-img radius="10rpx" :width="'160rpx'" :height="'100rpx'" :src="item.image" />
|
||||||
|
|
||||||
<view
|
<view
|
||||||
class="absolute bottom-5 text-center left-5 right-5 text-white text-center text-gray-500 font-size-3 bg-black bg-opacity-20"
|
class="absolute bottom-5 text-center left-5 right-5 text-white text-center font-size-3 bg-black bg-opacity-20"
|
||||||
>
|
>
|
||||||
{{ item.name }}
|
{{ item.name }}
|
||||||
</view>
|
</view>
|
||||||
@ -71,12 +71,12 @@
|
|||||||
</view>
|
</view>
|
||||||
<view class="relative" style="width: 280rpx; height: 200rpx">
|
<view class="relative" style="width: 280rpx; height: 200rpx">
|
||||||
<wd-img :width="'100%'" :height="'100%'" radius="20rpx" :src="item.cover" alt="joy" />
|
<wd-img :width="'100%'" :height="'100%'" radius="20rpx" :src="item.cover" alt="joy" />
|
||||||
<view
|
<!-- <view
|
||||||
class="m-2 p-1 absolute bottom-0 text-right right-0 text-white bg-black bg-opacity-20"
|
class="m-2 p-1 absolute bottom-0 text-right right-0 text-white bg-black bg-opacity-20"
|
||||||
style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
|
style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
|
||||||
>
|
>
|
||||||
<text class="block font-size-3 text-left">{{ item.category_name }}</text>
|
<text class="block font-size-3 text-left">{{ item.category_name }}</text>
|
||||||
</view>
|
</view> -->
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
</wd-card>
|
</wd-card>
|
||||||
|
@ -172,7 +172,7 @@
|
|||||||
<template #title>
|
<template #title>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-xl text-sm font-size-4 font-bold">美丽乡村</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-black">美丽乡村风貌展示厅</text>
|
||||||
</view>
|
</view>
|
||||||
<wd-button type="primary" size="small" @click="switchTab(eat_id)">
|
<wd-button type="primary" size="small" @click="switchTab(eat_id)">
|
||||||
@ -201,7 +201,9 @@
|
|||||||
class="m-2 p-2 absolute bottom-0 text-center left-0 right-0 text-white bg-gray-300 bg-opacity-5"
|
class="m-2 p-2 absolute bottom-0 text-center left-0 right-0 text-white bg-gray-300 bg-opacity-5"
|
||||||
style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
|
style="backdrop-filter: blur(2rpx); border-radius: 10rpx"
|
||||||
>
|
>
|
||||||
<text class="block font-size-4 text-left ellipsis-2">{{ current_item.title }}</text>
|
<text class="block font-size-4 text-left ellipsis-2">
|
||||||
|
{{ current_item.title }}
|
||||||
|
</text>
|
||||||
<view class="font-size-3 text-left ellipsis-2">
|
<view class="font-size-3 text-left ellipsis-2">
|
||||||
{{ current_item.description }}
|
{{ current_item.description }}
|
||||||
</view>
|
</view>
|
||||||
@ -230,7 +232,7 @@
|
|||||||
<template #title>
|
<template #title>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-xl text-sm font-size-4 font-bold">特产好物</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-black">精选好物,不容错过</text>
|
||||||
</view>
|
</view>
|
||||||
<wd-button type="primary" size="small" @click="switchTab(live_id)">
|
<wd-button type="primary" size="small" @click="switchTab(live_id)">
|
||||||
@ -273,7 +275,7 @@
|
|||||||
<template #title>
|
<template #title>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-xl text-sm font-size-4 font-bold">热门咨询</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-black">
|
||||||
热门咨询,一键掌握新鲜事
|
热门咨询,一键掌握新鲜事
|
||||||
</text>
|
</text>
|
||||||
@ -315,7 +317,7 @@
|
|||||||
<template #title>
|
<template #title>
|
||||||
<view class="title">
|
<view class="title">
|
||||||
<view>
|
<view>
|
||||||
<text class="text-xl text-sm font-size-4 font-bold">景区旅游</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-black">好玩儿路线一网打尽</text>
|
||||||
</view>
|
</view>
|
||||||
<wd-button type="primary" size="small" @click="switchTab(purchase_id)">
|
<wd-button type="primary" size="small" @click="switchTab(purchase_id)">
|
||||||
|
@ -146,7 +146,7 @@
|
|||||||
</wd-popup>
|
</wd-popup>
|
||||||
</wd-card>
|
</wd-card>
|
||||||
</view>
|
</view>
|
||||||
<!-- <button v-if="hasLogin" class="mt-2" @click="logout">退出登录</button> -->
|
<button v-if="hasLogin" class="mt-2" @click="logout">退出登录</button>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -180,10 +180,11 @@ export default defineComponent({
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
type: 0, // 0 点击进入 1 跳转登录
|
type: 0, // 0 点击进入 1 跳转登录
|
||||||
|
show: false,
|
||||||
hasLogin: false,
|
hasLogin: false,
|
||||||
showPhone: false,
|
showPhone: false,
|
||||||
showName: false,
|
showName: false,
|
||||||
show: false,
|
|
||||||
address_string: '',
|
address_string: '',
|
||||||
|
|
||||||
propShowOrder: false,
|
propShowOrder: false,
|
||||||
@ -217,16 +218,19 @@ export default defineComponent({
|
|||||||
}
|
}
|
||||||
},
|
},
|
||||||
async onLoad(option) {
|
async onLoad(option) {
|
||||||
this.type = option.type || 0
|
|
||||||
if (this.type === 1) {
|
|
||||||
//跳转登录
|
|
||||||
} else {
|
|
||||||
//点击进入
|
|
||||||
this.show = true
|
|
||||||
}
|
|
||||||
|
|
||||||
this.getArea()
|
this.getArea()
|
||||||
this.getUserInfo()
|
this.getUserInfo()
|
||||||
|
console.log(option)
|
||||||
|
this.type = parseInt(option.type) || 0
|
||||||
|
console.log('type值', this.type)
|
||||||
|
if (this.type === 1) {
|
||||||
|
//跳转登录
|
||||||
|
this.show = true
|
||||||
|
} else {
|
||||||
|
//点击进入
|
||||||
|
this.show = false
|
||||||
|
}
|
||||||
|
console.log('type值', this.show)
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
logout() {
|
logout() {
|
||||||
@ -327,7 +331,7 @@ export default defineComponent({
|
|||||||
},
|
},
|
||||||
async submitGroup() {
|
async submitGroup() {
|
||||||
const res = await setGroupAPI(this.addressinfo)
|
const res = await setGroupAPI(this.addressinfo)
|
||||||
console.log(res)
|
// console.log(res)
|
||||||
this.show = false
|
this.show = false
|
||||||
//重新获取地址信息
|
//重新获取地址信息
|
||||||
userStore.getUserInfo()
|
userStore.getUserInfo()
|
||||||
|
@ -142,7 +142,6 @@ $container-width: 100%;
|
|||||||
$padding-width: 20rpx;
|
$padding-width: 20rpx;
|
||||||
.ellipsis {
|
.ellipsis {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
color: #333333ff !important;
|
|
||||||
|
|
||||||
width: calc($container-width - $padding-width); /* 确保容器有宽度 */
|
width: calc($container-width - $padding-width); /* 确保容器有宽度 */
|
||||||
/* 防止文字换行 */
|
/* 防止文字换行 */
|
||||||
@ -153,7 +152,6 @@ $padding-width: 20rpx;
|
|||||||
/* 确保元素有宽度 */
|
/* 确保元素有宽度 */
|
||||||
}
|
}
|
||||||
.ellipsis-2 {
|
.ellipsis-2 {
|
||||||
color: #333333ff !important;
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
// font-weight: 500;
|
// font-weight: 500;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
@ -168,7 +166,6 @@ $padding-width: 20rpx;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.ellipsis-5 {
|
.ellipsis-5 {
|
||||||
color: #333333ff !important;
|
|
||||||
display: -webkit-box;
|
display: -webkit-box;
|
||||||
// font-weight: 500;
|
// font-weight: 500;
|
||||||
font-size: 40rpx;
|
font-size: 40rpx;
|
||||||
|
@ -220,7 +220,7 @@ import { useUserStore } from '@/store'
|
|||||||
export function hasLogin() {
|
export function hasLogin() {
|
||||||
const hasLogin = useUserStore().userInfo.id ? true : false
|
const hasLogin = useUserStore().userInfo.id ? true : false
|
||||||
// console.log(useUserStore().userInfo)
|
// console.log(useUserStore().userInfo)
|
||||||
console.log('是否登录', hasLogin)
|
// console.log('是否登录', hasLogin)
|
||||||
console.log('是否登录sss', useUserStore().userInfo)
|
console.log('是否登录sss', useUserStore().userInfo)
|
||||||
//强制跳转设置村庄
|
//强制跳转设置村庄
|
||||||
if (hasLogin && !useUserStore().userInfo.isset) {
|
if (hasLogin && !useUserStore().userInfo.isset) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user