修改页面文件样式

This commit is contained in:
wangxiaowei
2025-06-09 17:48:23 +08:00
parent 47d06ae355
commit b5cf31aeaa
13 changed files with 5289 additions and 4972 deletions

File diff suppressed because it is too large Load Diff

File diff suppressed because it is too large Load Diff

View File

@ -102,11 +102,12 @@
@tap="handleChangeTabs(1)" :id="`benben_tabsfd4_0_c0-title-item-${'1'}`">
<text>{{ sorting_id }}</text>
<image class='classificationList_titleItemfd4_0_c0_c3_c1'
:src='STATIC_URL + "62.png"'></image>
:src='STATIC_URL + "62_2.png"'></image>
</view> -->
<view class="classificationList_sort_item" @tap="handleChooseSort('aid', '综合排序')">综合排序</view>
<view class="classificationList_sort_item" @tap="handleChooseSort('score', '好评最高')">好评最高</view>
<view
style="margin-top: 6rpx;"
:class="{ 'currentFilter': tabls == '2', 'classificationList_sort_item flex flex-wrap align-center': true }"
@tap="handleChangeTabs(2)" :id="`benben_tabsfd4_0_c0-title-item-${'2'}`">
<text>距离</text>
@ -114,16 +115,16 @@
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c4_c1'>
<image v-if="tabls == 2 && sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "63.png"'></image>
:src='STATIC_URL + "63_2.png"'></image>
<image v-if="tabls != 2 || sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "64.png"'></image>
:src='STATIC_URL + "64_2.png"'></image>
<image v-if="tabls != 2 || sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "62.png"'></image>
:src='STATIC_URL + "62_2.png"'></image>
<image v-if="tabls == 2 && sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "65.png"'></image>
:src='STATIC_URL + "65_2.png"'></image>
</view>
</view>
<view
@ -134,20 +135,20 @@
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c5_c1'>
<image v-if="tabls == 3 && sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "63.png"'></image>
:src='STATIC_URL + "63_2.png"'></image>
<image v-if="tabls != 3 || sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "64.png"'></image>
:src='STATIC_URL + "64_2.png"'></image>
<image v-if="tabls != 3 || sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "62.png"'></image>
:src='STATIC_URL + "62_2.png"'></image>
<image v-if="tabls == 3 && sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "65.png"'></image>
:src='STATIC_URL + "65_2.png"'></image>
<!-- <image class='classificationList_titleItemfd4_0_c0_c5_c1_c0' mode="aspectFit"
:src='STATIC_URL+"64.png"'></image>
:src='STATIC_URL+"64_2.png"'></image>
<image class='classificationList_titleItemfd4_0_c0_c5_c1_c1' mode="aspectFit"
:src='STATIC_URL+"65.png"'></image> -->
:src='STATIC_URL+"65_2.png"'></image> -->
</view>
</view>
@ -193,7 +194,10 @@
<text class='classificationList_fd5_0_c1_c0_c0_c0'>{{ item.store_name }}</text>
</view>
</view>
<view class='flex flex-wrap align-center classificationList_fd5_0_c1_c1'>
<view class='flex flex-wrap align-center homePage_fd4_1_c1_c1' style="margin-top: 18rpx;">
<text class='storeDetails_fd2_0_c1_c1_c1' style="margin: 0 20rpx 0 0; color: #FF9D00;font-size: 26rpx;"
v-if="item.store_type">{{item.store_type}}</text>
<text style="margin-right: 20rpx;color:#E5E5E5">|</text>
<image class='classificationList_fd5_0_c1_c1_c0' mode="aspectFit" :src='STATIC_URL + "31.png"'>
</image>
<!-- <uv-rate count="5" :value="item.score" inactiveColor="#FF5951" activeColor="#FF5951" gutter="1" :allowHalf="true"></uv-rate> -->
@ -202,9 +206,9 @@
<text class='classificationList_fd5_0_c1_c1_c2'>分</text>
</view>
<view class='flex flex-wrap align-center justify-between classificationList_fd5_0_c1_c2'>
<view class='flex flex-wrap align-center'>
<text class='classificationList_fd5_0_c1_c2_c0_c0'>关注人数</text>
<text class='classificationList_fd5_0_c1_c2_c0_c1'>{{ item.collect_num }}</text>
<view class='flex flex-wrap align-center' style="background-color: #FFEEED;padding: 4rpx 8rpx;">
<text class='classificationList_fd5_0_c1_c2_c0_c0' style="color:#FF5951;">关注人数</text>
<text class='classificationList_fd5_0_c1_c2_c0_c1' style="color:#FF5951;">{{ item.collect_num }}</text>
</view>
<!-- <view class='flex flex-wrap align-center'>
<text class='classificationList_fd5_0_c1_c2_c1_c0'>人均¥</text>
@ -262,7 +266,7 @@
<text>{{ sorting_id }}</text>
<image class='classificationList_titleItemfd4_0_c0_c3_c1' :src='STATIC_URL + "62.png"'>
<image class='classificationList_titleItemfd4_0_c0_c3_c1' :src='STATIC_URL + "62_2.png"'>
</image>
</view>
@ -276,16 +280,16 @@
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c4_c1'>
<image v-if="tabls == 2 && sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "63.png"'></image>
:src='STATIC_URL + "63_2.png"'></image>
<image v-if="tabls != 2 || sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "64.png"'></image>
:src='STATIC_URL + "64_2.png"'></image>
<image v-if="tabls != 2 || sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "62.png"'></image>
:src='STATIC_URL + "62_2.png"'></image>
<image v-if="tabls == 2 && sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "65.png"'></image>
:src='STATIC_URL + "65_2.png"'></image>
</view>
</view>
@ -299,20 +303,20 @@
class='flex flex-direction flex-wrap align-center classificationList_titleItemfd4_0_c0_c5_c1'>
<image v-if="tabls == 3 && sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "63.png"'></image>
:src='STATIC_URL + "63_2.png"'></image>
<image v-if="tabls != 3 || sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c0' mode="aspectFit"
:src='STATIC_URL + "64.png"'></image>
:src='STATIC_URL + "64_2.png"'></image>
<image v-if="tabls != 3 || sort == 'asc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "62.png"'></image>
:src='STATIC_URL + "62_2.png"'></image>
<image v-if="tabls == 3 && sort == 'desc'"
class='classificationList_titleItemfd4_0_c0_c4_c1_c1' mode="aspectFit"
:src='STATIC_URL + "65.png"'></image>
:src='STATIC_URL + "65_2.png"'></image>
<!-- <image class='classificationList_titleItemfd4_0_c0_c5_c1_c0' mode="aspectFit"
:src='STATIC_URL+"64.png"'></image>
:src='STATIC_URL+"64_2.png"'></image>
<image class='classificationList_titleItemfd4_0_c0_c5_c1_c1' mode="aspectFit"
:src='STATIC_URL+"65.png"'></image> -->
:src='STATIC_URL+"65_2.png"'></image> -->
</view>
</view>
@ -1400,4 +1404,11 @@ export default {
margin-left: 12rpx;
margin-top: 32rpx;
}
.homePage_fd4_1_c1_c1_c0 {
width: 20rpx;
height: 19rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
</style>

File diff suppressed because it is too large Load Diff

View File

@ -1,15 +1,15 @@
<template>
<view class="page" :style="themeColor">
<view class="flex benben-position-layout flex flex-wrap align-center activityList_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex flex-wrap align-center justify-between flex-sub activityList_fd0_0'>
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
<text class='activityList_fd0_0_c0_c0'>活动商家</text>
</view>
</view>
<view class="page" :style="themeColor">
<view class="flex benben-position-layout flex flex-wrap align-center activityList_flex_0"
:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
<view class='flex flex-wrap align-center justify-between flex-sub activityList_fd0_0'>
<view class='flex flex-wrap align-stretch justify-center flex-sub'>
<text class='activityList_fd0_0_c0_c0'>活动商家</text>
</view>
</view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
</view>
<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>
<view v-if="isHandLocation && !lat" class="kaiqiweizhi flex align-center justify-between"
:style="{top:(70 + StatusBar ) + 'px'}">
<view class="flex align-center">
@ -23,120 +23,132 @@
mode="aspectFill"></image>
</view>
</view>
<!---flex布局flex布局开始-->
<block v-if="permissionStatus == 1">
<fu-loading v-if="isShowLoading"></fu-loading>
<fu-empty-ui v-if="list.length === 0 && isInit"></fu-empty-ui>
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout activityList_flex_1"
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/`">
<view class='flex flex-wrap align-start activityList_fd1_0' v-for="(item, index) in list" :key="index" @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/hd/eventDetails/eventDetails?id=${item.aid}&name=${item.store_name}`">
<view class='flex flex-direction flex-wrap align-start' style="position: relative;">
<view class='flex flex-wrap align-center justify-center activityList_fd1_0_c0_c0'>
<text class='activityList_fd1_0_c0_c0_c0'>积分</text>
<text class='activityList_fd1_0_c0_c0_c1'>{{item.score_rate}}</text>
<text class='activityList_fd1_0_c0_c0_c2'>%</text>
</view>
<view class='flex flex-wrap align-center'>
<image class='activityList_fd1_0_c0_c1_c0' mode="aspectFill" :src='item.logo'></image>
</view>
<image style="width: 50rpx; height: 50rpx; position: absolute; top: 0; right: 0; z-index: 10;" v-if="item.storelevel_thumb" :src="item.storelevel_thumb" mode="aspectFill"></image>
</view>
<view class='flex flex-direction flex-wrap align-start flex-sub activityList_fd1_0_c1'>
<view class='flex flex-direction flex-wrap align-start'>
<view class='flex flex-wrap align-center'>
<text class='activityList_fd1_0_c1_c0_c0_c0'>{{item.store_name}}</text>
</view>
<view class='flex align-center activityList_fd1_0_c1_c0_c1'>
<image class='activityList_fd1_0_c1_c0_c1_c0' mode="aspectFit" :src='STATIC_URL+"163.png"'></image>
<view class='activityList_fd1_0_c1_c0_c1_c1'>{{item.address_province + item.address_city + item.address_district + item.address_address}}</view>
</view>
<text class='storeDetails_fd2_0_c1_c1_c1' style="margin: 20rpx 20rpx 0 0; color: #FF9D00;font-size: 26rpx;" v-if="item.store_type">{{item.store_type}}</text>
</view>
<view class='flex flex-wrap align-center activityList_fd1_0_c1_c1'>
<text class='activityList_fd1_0_c1_c1_c0'>{{item.distance}}</text>
<text class='activityList_fd1_0_c1_c1_c1'>km</text>
</view>
</view>
</view>
<!---flex布局flex布局开始-->
<block v-if="permissionStatus == 1">
<fu-loading v-if="isShowLoading"></fu-loading>
<fu-empty-ui v-if="list.length === 0 && isInit"></fu-empty-ui>
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout activityList_flex_1"
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/`">
<view class='flex flex-wrap align-start activityList_fd1_0' v-for="(item, index) in list" :key="index"
@tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/hd/eventDetails/eventDetails?id=${item.aid}&name=${item.store_name}`" style="position: relative;">
<view class="point-bg">
<view class="point-bg-txt">积分{{item.score_rate}}%</view>
</view>
<view class='flex flex-direction flex-wrap align-start' style="position: relative;">
<!-- <view class='flex flex-wrap align-center justify-center activityList_fd1_0_c0_c0'>
<text class='activityList_fd1_0_c0_c0_c0'>积分</text>
<text class='activityList_fd1_0_c0_c0_c1'>{{item.score_rate}}</text>
<text class='activityList_fd1_0_c0_c0_c2'>%</text>
</view> -->
<view class='flex flex-wrap align-center'>
<image class='activityList_fd1_0_c0_c1_c0' mode="aspectFill" :src='item.logo'></image>
</view>
<image style="width: 50rpx; height: 50rpx; position: absolute; top: 0; right: 0; z-index: 10;"
v-if="item.storelevel_thumb" :src="item.storelevel_thumb" mode="aspectFill"></image>
</view>
<view class='flex flex-direction flex-wrap align-start flex-sub activityList_fd1_0_c1'>
<view class='flex flex-direction flex-wrap align-start'>
<view class='flex flex-wrap align-center'>
<text class='activityList_fd1_0_c1_c0_c0_c0'>{{item.store_name}}</text>
</view>
<view class='flex align-center activityList_fd1_0_c1_c0_c1'>
<image class='activityList_fd1_0_c1_c0_c1_c0' mode="aspectFit"
:src='STATIC_URL+"163.png"'></image>
<view class='activityList_fd1_0_c1_c0_c1_c1'>
{{item.address_province + item.address_city + item.address_district + item.address_address}}
</view>
</view>
<text class='storeDetails_fd2_0_c1_c1_c1'
style="margin: 20rpx 20rpx 0 0; color: #FF9D00;font-size: 26rpx;"
v-if="item.store_type">{{item.store_type}}</text>
</view>
<view class='flex flex-wrap align-center activityList_fd1_0_c1_c1'>
<text class='activityList_fd1_0_c1_c1_c0'>{{item.distance}}</text>
<text class='activityList_fd1_0_c1_c1_c1'>km</text>
</view>
</view>
</view>
</view>
<uni-load-more v-if="list.length !=0 " :status="status"></uni-load-more>
</block>
<!---flex布局flex布局结束-->
</view>
<uni-load-more v-if="list.length !=0 " :status="status"></uni-load-more>
</block>
<!---flex布局flex布局结束-->
<block v-if="permissionStatus != 1">
<fu-empty-ui @permission="handlePermission" v-if="permissionStatus == 0" emptyImage="addr" pagingListNoListDataText="暂无开启位置权限"></fu-empty-ui>
<fu-empty-ui @permission="handlePermission" v-if="permissionStatus == -1" emptyImage="permission" pagingListNoListDataText="您已永久拒绝位置权限"></fu-empty-ui>
</block>
</view>
<block v-if="permissionStatus != 1">
<fu-empty-ui @permission="handlePermission" v-if="permissionStatus == 0" emptyImage="addr"
pagingListNoListDataText="暂无开启位置权限"></fu-empty-ui>
<fu-empty-ui @permission="handlePermission" v-if="permissionStatus == -1" emptyImage="permission"
pagingListNoListDataText="您已永久拒绝位置权限"></fu-empty-ui>
</block>
</view>
</template>
<script>
import amap from '@/common/amap-wx.js';
import permision from '@/common/permission.js'
export default {
components: {},
import amap from '@/common/amap-wx.js';
import permision from '@/common/permission.js'
export default {
components: {},
data() {
return {
"data": [],
lat: '',
lng: '',
list: [],
isShowLoading: false,
isInit: false,
status: 'more', // 表示是否有数据可以请求
page: 1,
amapPlugin: null, //new地图
key: '886bfe2d6c32bd8eac97c2e6d821ed0b',
permissionStatus: 1,
data() {
return {
"data": [],
lat: '',
lng: '',
list: [],
isShowLoading: false,
isInit: false,
status: 'more', // 表示是否有数据可以请求
page: 1,
amapPlugin: null, //new地图
key: '886bfe2d6c32bd8eac97c2e6d821ed0b',
permissionStatus: 1,
isHandLocation: false
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
};
},
computed: {
themeColor() {
return this.$store.getters.themeColor
},
},
watch: {},
onLoad(options) {
this.amapPlugin = new amap.AMapWX({
key: this.key
});
},
watch: {},
onLoad(options) {
this.amapPlugin = new amap.AMapWX({
key: this.key
});
this.judgeIsLocation()
// uni.$on('LOCATION_SUCCESS', () => {
// this.judgeIsLocation()
// })
// if (global.lat && global.lng) {
// this.lat = global.lat
// this.lng = global.lng
// this.status = 'more';
// this.page = 1;
// this.isInit = false;
// this.list = [];
// this.getRecommendList(true);
// } else {
// // #ifdef APP-PLUS
// this._getPermission();
// // #endif
// if (global.lat && global.lng) {
// this.lat = global.lat
// this.lng = global.lng
// this.status = 'more';
// this.page = 1;
// this.isInit = false;
// this.list = [];
// this.getRecommendList(true);
// } else {
// // #ifdef APP-PLUS
// this._getPermission();
// // #endif
// // #ifndef APP-PLUS
// this._getLocation()
// // #endif
// }
// // #ifndef APP-PLUS
// this._getLocation()
// // #endif
// }
},
onUnload() {
},
onUnload() {
},
onReady() {
},
onReady() {
},
onShow() {
// if (this.permissionStatus == -1) {
// this.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION');
// }
},
onShow() {
// if (this.permissionStatus == -1) {
// this.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION');
// }
// let lat = uni.getStorageSync('LVTAI_LAT') || '';
// let lng = uni.getStorageSync('LVTAI_LNG') || '';
// // 定位功能
@ -158,25 +170,25 @@
// } else {
// this._getLocation()
// }
// if (global.lat && global.lng) {
// this.lat = global.lat
// this.lng = global.lng
// this.status = 'more';
// this.page = 1;
// this.isInit = false;
// this.list = [];
// this.getRecommendList(true);
// } else {
// this._getLocation()
// }
},
onHide() {
// if (global.lat && global.lng) {
// this.lat = global.lat
// this.lng = global.lng
// this.status = 'more';
// this.page = 1;
// this.isInit = false;
// this.list = [];
// this.getRecommendList(true);
// } else {
// this._getLocation()
// }
},
onHide() {
},
onResize() {
},
onResize() {
},
onPullDownRefresh() {
},
onPullDownRefresh() {
let lat = uni.getStorageSync('LVTAI_LAT') || '';
let lng = uni.getStorageSync('LVTAI_LNG') || '';
if (!lat) {
@ -210,20 +222,20 @@
// this.$refs.guess && this.$refs.guess.refresh();
setTimeout(() => {
uni.stopPullDownRefresh();
}, 1000);
},
onReachBottom(e) {
if (this.lat && this.lng) {
this.getRecommendList();
}
},
onPageScroll(e) {
// this.$refs.guess && this.$refs.guess.refresh();
setTimeout(() => {
uni.stopPullDownRefresh();
}, 1000);
},
onReachBottom(e) {
if (this.lat && this.lng) {
this.getRecommendList();
}
},
onPageScroll(e) {
},
methods: {
},
methods: {
judgeIsLocation() {
let lat = uni.getStorageSync('LVTAI_LAT') || '';
let lng = uni.getStorageSync('LVTAI_LNG') || '';
@ -247,140 +259,141 @@
this._getLocation()
}
},
handlePermission(type) {
console.log(123)
if (type ==1) {
this.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION');
} else {
permision.gotoAppPermissionSetting()
}
},
async requestAndroidPermission(permisionID) {
console.log(123)
var result = await permision.requestAndroidPermission(permisionID);
var strStatus
if (result == 1) {
this._getLocation();
}
this.permissionStatus = result;
},
_getPermission() {
const that = this;
uni.getSystemInfo({
success: (res) => {
if (res.platform == 'android') {
let isLocation = uni.getStorageSync('LVTAI_USER_LOCATION') || false;
if (!isLocation) {
that.$util.showModal({
title:'提示',
content: '获取您的定位权限以展示附近活动商家?',
success: res => {
if (res.confirm) {
that.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION');
} else {
that.permissionStatus = 0;
}
}
});
} else {
this._getLocation();
}
} else {
this._getLocation();
}
}
});
},
handlePermission(type) {
console.log(123)
if (type == 1) {
this.requestAndroidPermission('android.permission.ACCESS_FINE_LOCATION');
} else {
permision.gotoAppPermissionSetting()
}
},
async requestAndroidPermission(permisionID) {
console.log(123)
var result = await permision.requestAndroidPermission(permisionID);
var strStatus
if (result == 1) {
this._getLocation();
}
this.permissionStatus = result;
},
_getPermission() {
const that = this;
uni.getSystemInfo({
success: (res) => {
if (res.platform == 'android') {
let isLocation = uni.getStorageSync('LVTAI_USER_LOCATION') || false;
if (!isLocation) {
that.$util.showModal({
title: '提示',
content: '获取您的定位权限以展示附近活动商家?',
success: res => {
if (res.confirm) {
that.requestAndroidPermission(
'android.permission.ACCESS_FINE_LOCATION');
} else {
that.permissionStatus = 0;
}
}
});
} else {
this._getLocation();
}
} else {
this._getLocation();
}
}
});
},
/**
* 获取附近商家列表
* @param {Object} value
*/
getRecommendList(value) {
if (this.status != 'more') return;
this.status = 'loading';
let data = {
list_rows: 20,
page: this.page,
lat: this.lat,
lng: this.lng
};
// console.log('请求的数据', data);
if (this.page == 1 && value) {
this.isShowLoading = true;
}
this.$api
.post(global.apiUrls.getPromotionList, data)
.then(res => {
console.log('订单列表', res);
this.isShowLoading = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
if (this.page == 1) this.list = [];
this.list = this.list.concat(curPageData);
console.log('上拉加载', curPageData.length, this.size);
if (res.data.data.last_page > this.page) {
this.status = 'more';
this.page++;
} else {
this.status = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
this.isInit = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
},
/**
* 获取附近商家列表
* @param {Object} value
*/
getRecommendList(value) {
if (this.status != 'more') return;
this.status = 'loading';
let data = {
list_rows: 20,
page: this.page,
lat: this.lat,
lng: this.lng
};
// console.log('请求的数据', data);
if (this.page == 1 && value) {
this.isShowLoading = true;
}
this.$api
.post(global.apiUrls.getPromotionList, data)
.then(res => {
console.log('订单列表', res);
this.isShowLoading = false;
if (res.data.code == 1) {
var curPageData = res.data.data.data;
if (this.page == 1) this.list = [];
this.list = this.list.concat(curPageData);
console.log('上拉加载', curPageData.length, this.size);
if (res.data.data.last_page > this.page) {
this.status = 'more';
this.page++;
} else {
this.status = 'noMore';
}
} else {
this.$message.info(res.data.msg);
}
this.isInit = true;
uni.stopPullDownRefresh();
})
.catch(err => {
this.isShowLoading = false;
uni.stopPullDownRefresh();
});
},
_getLocation() {
// #ifdef H5
this.lat = '34.738695';
this.lng = '113.64328';
_getLocation() {
// #ifdef H5
this.lat = '34.738695';
this.lng = '113.64328';
uni.setStorageSync('LVTAI_LAT', this.lat)
uni.setStorageSync('LVTAI_LNG', this.lng)
this.status = 'more';
this.page = 1;
this.isInit = false;
this.list = [];
this.address = '华城国际中心'
this.getRecommendList(true);
// #endif
// #ifndef H5
this.amapPlugin.getRegeo({
success: res => {
console.log(res[0]);
// uni.$off('LOCATION_SUCCESS', ()=>{})
// uni.$emit('LOCATION_SUCCESS', {})
uni.setStorageSync('LVTAI_USER_LOCATION', true);
this.address = res[0].regeocodeData.addressComponent.city;
this.lat = res[0].latitude;
this.lng = res[0].longitude;
uni.setStorageSync('LVTAI_LAT', this.lat)
uni.setStorageSync('LVTAI_LNG', this.lng)
this.status = 'more';
this.page = 1;
this.isInit = false;
this.list = [];
this.getRecommendList(true);
},
fail: err => {
this.status = 'more';
this.page = 1;
this.isInit = false;
this.list = [];
this.address = '华城国际中心'
this.getRecommendList(true);
// #endif
// #ifndef H5
this.amapPlugin.getRegeo({
success: res => {
console.log(res[0]);
// uni.$off('LOCATION_SUCCESS', ()=>{})
// uni.$emit('LOCATION_SUCCESS', {})
uni.setStorageSync('LVTAI_USER_LOCATION', true);
this.address = res[0].regeocodeData.addressComponent.city;
this.lat = res[0].latitude;
this.lng = res[0].longitude;
uni.setStorageSync('LVTAI_LAT', this.lat)
uni.setStorageSync('LVTAI_LNG', this.lng)
this.status = 'more';
this.page = 1;
this.isInit = false;
this.list = [];
this.getRecommendList(true);
},
fail: err => {
}
});
// #endif
}
});
// #endif
}
}
}
};
}
};
</script>
<style lang="scss" scoped>
.kaiqiweizhi-button {
@ -392,7 +405,7 @@
border-radius: 12rpx;
margin-left: 18rpx;
}
.kaiqiweizhi {
position: fixed;
left: 24rpx;
@ -407,136 +420,156 @@
font-size: 24rpx;
color: #fff;
}
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: rgba(246, 247, 249, 1);
background-size: 100% auto !important;
}
.activityList_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.page {
width: 100vw;
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
background: rgba(246, 247, 249, 1);
background-size: 100% auto !important;
}
.activityList_fd0_0_c0_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
line-height: 88rpx;
}
.activityList_flex_0 {
background: #fff;
width: 750rpx;
height: 88rpx;
overflow: hidden;
z-index: 10;
top: 0rpx;
background-size: 100% auto !important;
}
.activityList_fd0_0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
.activityList_fd0_0_c0_c0 {
font-size: 36rpx;
font-weight: 500;
color: #333;
line-height: 88rpx;
}
.activityList_flex_1 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.activityList_fd0_0 {
margin: 0rpx 32rpx 0rpx 32rpx;
}
.activityList_fd1_0_c1_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.activityList_flex_1 {
padding: 24rpx 24rpx 0rpx 24rpx;
}
.activityList_fd1_0_c1_c1_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.activityList_fd1_0_c1_c1_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.activityList_fd1_0_c1_c1 {
margin: 20rpx 0rpx 0rpx 0rpx;
}
.activityList_fd1_0_c1_c1_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.activityList_fd1_0_c1_c0_c1_c1 {
// width: 0;
flex: 1;
line-height: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
// max-width: 475rpx;
}
.activityList_fd1_0_c1_c1 {
margin: 20rpx 0rpx 0rpx 0rpx;
}
.activityList_fd1_0_c1_c0_c1_c0 {
width: 20rpx;
height: 24rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.activityList_fd1_0_c1_c0_c1_c1 {
// width: 0;
flex: 1;
line-height: 30rpx;
font-size: 24rpx;
font-weight: 400;
color: #333333;
-webkit-line-clamp: 1;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
// max-width: 475rpx;
}
.activityList_fd1_0_c1_c0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.activityList_fd1_0_c1_c0_c1_c0 {
width: 20rpx;
height: 24rpx;
border-radius: 0rpx 0rpx 0rpx 0rpx;
margin: 0rpx 8rpx 0rpx 0rpx;
}
.activityList_fd1_0_c1_c0_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 600;
line-height: 50rpx;
}
.activityList_fd1_0_c1_c0_c1 {
margin: 16rpx 0rpx 0rpx 0rpx;
}
.activityList_fd1_0_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.activityList_fd1_0_c1_c0_c0_c0 {
color: #333333;
font-size: 32rpx;
font-weight: 600;
line-height: 50rpx;
}
.activityList_fd1_0_c0_c1_c0 {
width: 180rpx;
height: 180rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.activityList_fd1_0_c1 {
margin: 0rpx 0rpx 0rpx 24rpx;
}
.activityList_fd1_0_c0_c0_c2 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 36rpx;
}
.activityList_fd1_0_c0_c1_c0 {
width: 180rpx;
height: 180rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
}
.activityList_fd1_0_c0_c0_c1 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 36rpx;
}
.activityList_fd1_0_c0_c0_c2 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 36rpx;
}
.activityList_fd1_0_c0_c0_c0 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 36rpx;
}
.activityList_fd1_0_c0_c0_c1 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 36rpx;
}
.activityList_fd1_0_c0_c0 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/23.png) no-repeat, rgba(255, 162, 31, 1);
width: 128rpx;
height: 36rpx;
background-size: 100% auto !important;
border-radius: 16rpx 0rpx 24rpx 0rpx;
position: absolute;
z-index: 10;
}
.activityList_fd1_0_c0_c0_c0 {
color: #FFFFFF;
font-size: 20rpx;
font-weight: 500;
line-height: 36rpx;
}
.activityList_fd1_0 {
background: rgba(255, 255, 255, 1);
margin: 0rpx 0rpx 24rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 24rpx 24rpx 24rpx;
}
</style>
.activityList_fd1_0_c0_c0 {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/23.png) no-repeat, rgba(255, 162, 31, 1);
width: 128rpx;
height: 36rpx;
background-size: 100% auto !important;
border-radius: 16rpx 0rpx 24rpx 0rpx;
position: absolute;
z-index: 10;
}
.activityList_fd1_0 {
background: rgba(255, 255, 255, 1);
margin: 0rpx 0rpx 24rpx 0rpx;
border-radius: 16rpx 16rpx 16rpx 16rpx;
background-size: 100% auto !important;
padding: 24rpx 24rpx 24rpx 24rpx;
}
.point-bg {
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/point_bg.png) no-repeat;
background-size: cover;
position: absolute;
top: -32rpx;
left: -32rpx;
z-index: 10;
width: 112rpx;
height: 112rpx;
}
.point-bg-txt {
transform: rotate(315deg);
font-size: 20rpx;
color: #fff;
margin-left: 12rpx;
margin-top: 32rpx;
}
</style>

View File

@ -159,11 +159,6 @@
<view class="point-bg-txt">积分{{item.score_rate}}%</view>
</view>
<view class='flex flex-direction flex-wrap align-start' style="position: relative;">
<!-- <view class='flex flex-wrap align-center justify-center homePage_fd4_1_c0_c0'>
<text class='homePage_fd4_1_c0_c0_c0'>积分</text>
<text class='homePage_fd4_1_c0_c0_c1'>{{item.score_rate}}</text>
<text class='homePage_fd4_1_c0_c0_c2'>%</text>
</view> -->
<view class='flex flex-wrap align-center'>
<image class='homePage_fd4_1_c0_c1_c0' mode="aspectFill" :src='item.logo'></image>
</view>
@ -177,9 +172,8 @@
</view>
</view>
<view class='flex flex-wrap align-center homePage_fd4_1_c1_c1'>
<text class='storeDetails_fd2_0_c1_c1_c1' style="margin: 0 20rpx 0 0; color: #FF9D00;font-size: 26rpx;"
v-if="item.store_type">{{item.store_type}}</text>
<text style="margin-right: 20rpx;color:#E5E5E5">|</text>
<text class='storeDetails_fd2_0_c1_c1_c1' style="margin: 0 20rpx 0 0; color: #FF9D00;font-size: 26rpx;" v-if="item.store_type">{{item.store_type}}</text>
<text style="margin-right: 20rpx;color:#E5E5E5">|</text>
<!-- <uv-rate count="5" :value="item.score" inactiveColor="#FF5951" activeColor="#FF5951" gutter="1" :allowHalf="true"></uv-rate> -->
<!-- <text class='homePage_fd4_1_c1_c1_c1'>{{item.score}}</text> -->
<image class='homePage_fd4_1_c1_c1_c0' mode="aspectFit" :src='STATIC_URL+"31.png"'></image>
@ -187,9 +181,9 @@
<text class='homePage_fd4_1_c1_c1_c2'>分</text>
</view>
<view class='flex flex-wrap align-center justify-between homePage_fd4_1_c1_c2'>
<view class='flex flex-wrap align-center' style="background-color: #FFEEED;padding: 4rpx 8rpx;">
<text class='homePage_fd4_1_c1_c2_c0_c0' style="color:#FF5951;">关注人数</text>
<text class='homePage_fd4_1_c1_c2_c0_c1' style="color:#FF5951;">{{item.collect_num}}</text>
<view class='flex flex-wrap align-center' style="background-color: #FFEEED;padding: 4rpx 8rpx;color:#FF5951;">
<text class='homePage_fd4_1_c1_c2_c0_c0'>关注人数</text>
<text class='homePage_fd4_1_c1_c2_c0_c1'>{{item.collect_num}}</text>
</view>
<!-- <view class='flex flex-wrap align-center'>
<text class='homePage_fd4_1_c1_c2_c1_c0'>人均¥</text>
@ -1175,14 +1169,12 @@
}
.homePage_fd4_1_c1_c2_c0_c1 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;
}
.homePage_fd4_1_c1_c2_c0_c0 {
color: #333333;
font-size: 24rpx;
font-weight: 400;
line-height: 24rpx;

View File

@ -213,11 +213,12 @@
<image class='myPage_fd3_0_c0_c5_c0' mode="aspectFit" src='/static/cate/15.png'></image>
<text class='myPage_fd3_0_c0_c5_c1'>邀请有礼</text>
</view>
<!-- <view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c6'
<view class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c6'
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
<image class='myPage_fd3_0_c0_c6_c0' mode="aspectFit" :src='STATIC_URL + "6.png"'></image>
<text class='myPage_fd3_0_c0_c6_c1'>关于我们</text>
</view>
<!--
<view v-if="shopStatus == -1 && isPublish"
class='flex flex-direction flex-wrap align-center myPage_fd3_0_c0_c7'
@tap.stop="handleJumpDiy" data-type="navigateTo"
@ -238,21 +239,19 @@
<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout myPage_flex_3">
<view class='flex flex-direction flex-wrap align-stretch myPage_fd3_0'>
<view class='flex flex-wrap align-center justify-between myPage_menu'>
<view class="flex align-center myPage_menu_item"
@tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
<image :src='STATIC_URL + "my_about_icon.png"' style="width:44rpx;height: 44rpx;;"></image>
<text>关于我们</text>
<view class='flex flex-wrap align-center justify-between myPage_menu' @tap.stop="toTakeoutMiNiProgram" data-type="navigateTo" :data-url="`/pages/xtsz/aboutUs/aboutUs`">
<view class="flex align-center myPage_menu_item">
<image :src='STATIC_URL + "my_paotui_icon2.png"' style="width:44rpx;height: 44rpx;;"></image>
<text>跑腿服务</text>
</view>
<view>
<uv-icon name="arrow-right" size="32rpx"></uv-icon>
</view>
</view>
<view class="myPage_menu_line"></view>
<view class='flex flex-wrap align-center justify-between myPage_menu' v-if="shopStatus == -1 && isPublish">
<view class="flex align-center myPage_menu_item"
@tap.stop="handleJumpDiy" data-type="navigateTo"
<view class='flex flex-wrap align-center justify-between myPage_menu' v-if="shopStatus == -1 && isPublish" @tap.stop="handleJumpDiy" data-type="navigateTo"
:data-url="`/pages/my/merchantSettlement/merchantSettlement`">
<view class="flex align-center myPage_menu_item">
<image :src='STATIC_URL + "my_shop_icon.png"' style="width:44rpx;height: 44rpx;;"></image>
<text>商家入驻</text>
</view>
@ -260,8 +259,8 @@
<uv-icon name="arrow-right" size="32rpx"></uv-icon>
</view>
</view>
<view class='flex flex-wrap align-center justify-between myPage_menu' v-if="(shopStatus == 2 || shopStatus == 0 || shopStatus == 1) && isPublish">
<view class="flex align-center myPage_menu_item" @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/my/certificationAudit/certificationAudit?stateUS=${shopStatus}`">
<view class='flex flex-wrap align-center justify-between myPage_menu' v-if="(shopStatus == 2 || shopStatus == 0 || shopStatus == 1) && isPublish" @tap.stop="handleJumpDiy" data-type="navigateTo" :data-url="`/pages/my/certificationAudit/certificationAudit?stateUS=${shopStatus}`">
<view class="flex align-center myPage_menu_item">
<image :src='STATIC_URL + "my_shop_icon.png"' style="width:44rpx;height: 44rpx;;"></image>
<text>商家入驻</text>
</view>
@ -598,6 +597,17 @@ export default {
}
let infomoney = datamoney.data;
this.money = infomoney.data
},
// 跳转小程序
toTakeoutMiNiProgram() {
uni.navigateToMiniProgram({
appId: 'wxc71d195244088eac',
path: '/pages/index/index',
success(res) {
console.log('打开成功');
}
})
}
}
};
@ -608,7 +618,7 @@ export default {
overflow-x: hidden;
min-height: calc(100vh - var(--window-bottom));
// background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/2.png) no-repeat, rgba(248, 248, 248, 1);
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my_bg.png) no-repeat, rgba(248, 248, 248, 1);
background: url(https://lvtai-files.oss-cn-beijing.aliyuncs.com/mini/my_bg2.png) no-repeat, rgba(248, 248, 248, 1);
background-size: 100% auto !important;
}

File diff suppressed because it is too large Load Diff