qichexitong/car-system-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

6.18(更新ui

Browse Source
This commit is contained in:
Hong
2024-06-18 19:06:45 +08:00
parent 6194d1b34f
commit 1dad99641d
30 changed files with 869 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
config.js
View File

@@ -1,10 +1,10 @@
// 应用全局配置
module.exports = {
//正式
// baseUrl: 'https://cms.diyouzhijia.com/car_app_api',
baseUrl: 'https://cms.diyouzhijia.com/car_app_api',
TOKENNAME: 'Authori-zation',
//薛磊测试
baseUrl: 'http://192.168.31.226:8081/car_app_api',
// baseUrl: 'http://192.168.31.226:8081/car_app_api',
fileUploadUrl: 'https://cms.diyouzhijia.com/car_app_api/api/front/upload/image',
WebSocketUrl: 'ws://121.199.24.205:9107/lxk/websocket',
WebSocketOpen: false,

2
data/homeData.js
View File

@@ -19,7 +19,7 @@ export const functionList = [{
title: '瓜分红包',
type:2
}, {
url: '/',
url: '/pages/driver/rebate/rebate',
imgae: '../../../static/images/home/05.png',
title: '流水返佣',
type:2

14
pages.json
View File

@@ -1440,6 +1440,20 @@
"navigationBarTitleText" : "搜索",
"enablePullDownRefresh" : false
}
},
{
"path" : "pages/driver/serve/welfare/welfare",
"style" :
{
"navigationBarTitleText" : "活动中心"
}
},
{
"path" : "pages/driver/rebate/rebate",
"style" :
{
"navigationBarTitleText" : "返佣计划"
}
}
],
"tabBar": {

2
pages/driver/mine/my_activity/my_activity.vue
View File

@@ -363,6 +363,7 @@
}
},
tabClick(e) {
console.log(e.value);
this.type = e.value
this.$refs.paging.refresh();
},
@@ -385,6 +386,7 @@
}
})
console.log(res.data.list);
this.$refs.paging.complete(res.data.list);
}).catch(err => {
this.$refs.paging.complete(false)

277
pages/driver/rebate/rebate.vue Normal file
View File

@@ -0,0 +1,277 @@
<template>
<view class="rebate">
<view class="rebate-header-bj">
<view class="rebate-header">
<image class="rebate-header-tit" src="@/static/images/home/home_rebate_tit.png" mode=""></image>
<view class="rebate-header-cont flex justify-between">
<view>
<image src="@/static/images/home/home_rebate_01.png" mode=""></image>
<view>平台齐全</view>
</view>
<view>
<image src="@/static/images/home/home_rebate_02.png" mode=""></image>
<view>单单返佣</view>
</view>
<view>
<image src="@/static/images/home/home_rebate_03.png" mode=""></image>
<view>月返千元</view>
</view>
<view>
<image src="@/static/images/home/home_rebate_04.png" mode=""></image>
<view>提现秒到</view>
</view>
</view>
</view>
</view>
<view class="swiper-box">
<u-swiper keyName="image" :list="brannerList" height="180rpx"></u-swiper>
</view>
<view class="rebate-shop">
<z-paging use-page-scroll :fixed="false" style="max-height: 1150rpx;" ref="paging" v-model="dataList"
@query="queryList">
<view class="rebate-shop-hea flex justify-between align-center">
<view class="f-36 fw-5 c333">返佣平台</view>
<view class="rebate-shop-address flex align-center justify-center f-26 c333"
@click="$tab.navigateTo('/pages/driver/serve/repair/re_create/select_city')">
<u-icon name="map" color="#333333" size="18"></u-icon>
<view class="rebate-shop-address-cont">
{{citySave?citySave:'杭州'}}
</view>
</view>
</view>
<view class="rebate-shop-list flex align-center" v-for="(item,index) in dataList" :key="index">
<image class="rebate-shop-list-image" src="@/static/logo.png" mode=""></image>
<view class="rebate-shop-list-name">
<view class="f-30 c333 fw-6">滴滴出行</view>
<view class="f-28 c333 fw-5" style="margin-top: 10rpx;">今日返佣最高<text
class="f-28 red ml-3">5%</text></view>
</view>
<view class="rebate-shop-list-status f-30">
<view class="rebate-status1" v-if="item.status==1">已加入</view>
<view class="rebate-status3" v-else-if="item.status==2">审核中</view>
<view class="rebate-status3" v-else-if="item.status==3">未通过</view>
<view class="rebate-status4" v-else>加入返佣</view>
</view>
</view>
</z-paging>
</view>
<view class="rebate-header">
<image class="rebate-header-tit" src="@/static/images/home/home_rebate_tit2.png" mode=""></image>
<view class="rebate-header-cont flex justify-between">
<view>
<image src="@/static/images/home/home_rebate_05.png" mode=""></image>
<view>点击加入返佣</view>
<view> 提交个人资料</view>
</view>
<view>
<image src="@/static/images/home/home_rebate_06.png" mode=""></image>
<view>后台资料审核</view>
<view>账号绑定成功</view>
</view>
<view>
<image src="@/static/images/home/home_rebate_07.png" mode=""></image>
<view>平台出车赚钱</view>
<view>返佣每日更新</view>
</view>
</view>
</view>
<view class="rebate-header mt-2">
<image class="rebate-header-tit" src="@/static/images/home/home_rebate_tit3.png" mode=""></image>
<view class="fulizhengce-bj f-30 c333">
<view>1.享受平台限时免抽佣金奖励</view>
<view>2.每月最高可获得1000元流水返佣奖励</view>
<view>3.有机会享受平台0元喷漆、0元租车权益</view>
</view>
<view class="staple c999">
<view class="f-28 c666 mt-24">注意事项</view>
<view class="mt-24 f-26">如显示审核未通过请联系客服 400-9966-409</view>
<view class="mt-24 f-26">具体返佣比例请查看活动规则</view>
<view class="mt-24 f-26">本活动最终解释权归滴友之家所有</view>
</view>
</view>
<view class="pb-4 pt-2"></view>
</view>
</template>
<script>
import {
mapGetters
} from 'vuex'
import {
brannerList
} from '@/api/system/config'
export default {
computed: {
...mapGetters(['citySave'])
},
data() {
return {
brannerList: [],
dataList: []
};
},
methods: {
//获取列表
queryList(page, limit) {
this.$refs.paging.complete([{
status: 1
}, {
status: 2
}, {
status: 3
}, {
status: 4
}])
// getTopicList({
// page,
// limit,
// }).then(res => {
// }).catch(err => {
// this.$refs.paging.complete(false);
// })
}
},
onLoad() {
brannerList({
type: 6
}).then(res => {
this.brannerList = res.data.list
})
}
}
</script>
<style lang="scss">
page {
background: #f5f5f5;
}
.rebate-shop {
width: 690rpx;
margin: 20rpx 0rpx 20rpx 30rpx;
background: #ffffff;
border-radius: 16rpx;
.rebate-shop-list {
padding: 28rpx 32rpx 20rpx 38rpx;
border-bottom: 1rpx dotted #DEDEDE;
.rebate-shop-list-image {
width: 83rpx;
height: 83rpx;
border-radius: 50%;
}
.rebate-shop-list-name {
width: 385rpx;
height: 83rpx;
margin-left: 30rpx;
margin-right: 30rpx;
}
.rebate-shop-list-status {
width: 162rpx;
height: 54rpx;
text-align: center;
line-height: 54rpx;
.rebate-status1 {
border-radius: 6rpx;
background: rgba(43, 209, 21, 0.8);
color: #ffffff;
}
.rebate-status3 {
border-radius: 6rpx;
background: #E4E4E4;
color: #333333;
}
.rebate-status4 {
border-radius: 6rpx;
background: #FF8134;
color: #ffffff;
}
}
}
.rebate-shop-hea {
padding: 30rpx;
.rebate-shop-address {
width: 180rpx;
padding: 10rpx;
border-radius: 40rpx;
border: 2rpx solid #000000;
.rebate-shop-address-cont {
width: 120rpx;
text-align: center;
white-space: nowrap;
/* 禁止换行 */
overflow: hidden;
/* 超出容器的部分隐藏 */
text-overflow: ellipsis;
/* 超出容器时显示省略号 */
}
}
}
}
.swiper-box {
padding: 30rpx;
margin-top: 21rpx;
}
.rebate {
.rebate-header-bj {
width: 750rpx;
height: 585rpx;
background-image: url('@/static/images/home/home_rebate_bj.png');
background-size: 100%;
padding-top: 330rpx;
}
.rebate-header {
margin-left: 30rpx;
width: 690rpx;
// height: 274rpx;
background: #ffffff;
border-radius: 16rpx;
padding: 30rpx;
text-align: center;
.rebate-header-tit {
width: 270rpx;
height: 33rpx;
margin-bottom: 30rpx;
}
.rebate-header-cont {
image {
width: 102rpx;
height: 102rpx;
margin-bottom: 22rpx;
}
}
.fulizhengce-bj {
width: 629rpx;
height: 187rpx;
background-image: url('@/static/images/home/fulizhengce_bj.png');
background-size: 100%;
line-height: 45rpx;
padding: 28rpx 22rpx;
text-align: left;
}
}
}
.staple {
text-align: left;
}
</style>

24
pages/driver/serve/coupons/cou_detail.vue
View File

@@ -155,7 +155,8 @@
<!-- 富文本展示？？？ -->
<view class="eva_eva">
<image src="@/static/images/app/serve/repair_refund.png" mode=""></image>
<rich-text :nodes="cardInfo.content" :tagStyle="parseStyle" :preview="false"
:image-menu-prevent="false"></rich-text>
</view>
<!-- 选择行展示 -->
<view class="footBtn">
@@ -233,7 +234,11 @@
replyObj: {},
replyTotal: 0,
branner: [],
currentNum: 0
currentNum: 0,
//富文本默认样式
parseStyle: {
img: 'width:750rpx;'
},
}
},
onLoad(query) {
@@ -539,11 +544,16 @@
}
.eva_eva {
width: 100%;
image {
height: 200rpx;
}
background: #ffffff;
padding-top: 24rpx;
}
.eva_eva img {
display: block;
margin: 0 auto;
max-width: 100%;
height: auto;
}
.eva_goods {

523
pages/driver/serve/index.vue
View File

@@ -30,7 +30,7 @@
<image class="serve-assistance-serve-ass" src="@/static/images/home/serve_ass.png" mode=""></image>
<view class="serve-assistance-swiper">
<swiper class="swiper" circular previousMargin='0rpx' nextMargin="0rpx" :indicator-dots="false"
:autoplay="false" interval="4000" duration="500" @change="actTrimChengFn">
:autoplay="false" interval="4000" duration="500" @change="actTrimChengFn">
<swiper-item v-for="(item,index) in couponList3" :key="index">
<view id="showimage1" class="swiper-item flex">
<image class="swiper-item-image" :src="item.cover" mode="aspectFill"></image>
@@ -43,15 +43,15 @@
<view class="swiper-item-cont-schedule">
<view class="schedule-num" :style="{width:item.widthNum+'rpx' }"></view>
</view>
<u-count-down :time="30 * 60 * 60 * 1000" format="HH:mm:ss" autoStart millisecond
<u-count-down :time="item.stopTime" format="DD:HH:mm:ss" autoStart millisecond
@change="onChange">
<view class="swiper-item-cont-down flex justify-center align-center">
<text class="f-36 fw-5"
style="color: #FF7527;margin-right: 16rpx;">{{timeData.hours>10?timeData.hours:'0'+timeData.hours}}:{{timeData.minutes>10?timeData.minutes:'0'+timeData.minutes}}:{{timeData.seconds>10?timeData.seconds:'0'+timeData.seconds }}</text>
style="color: #FF7527;margin-right: 16rpx;">{{timeData.days+'天'}}{{timeData.hours>10?timeData.hours:'0'+timeData.hours}}:{{timeData.minutes>10?timeData.minutes:'0'+timeData.minutes}}:{{timeData.seconds>10?timeData.seconds:'0'+timeData.seconds }}</text>
后结束
</view>
</u-count-down>
<view class="flex align-center justify-center">
<view class="flex align-center justify-center" @click="toHotPages('help', item)">
<view class="swiper-item-cont-butt">立即助力</view>
</view>
</view>
@@ -68,6 +68,110 @@
</view>
</view>
</view>
<!-- 限时秒杀 -->
<view class="serve-seckill">
<view class="serve-seckill-hea">
<image src="@/static/images/home/serve_seckill.png" mode=""></image>
<image class="serve-seckill-logo" src="@/static/images/home/serve_seckill_logo.png" mode=""></image>
<view class="up_r" @click="toCouponsPages(1)">
<view class="up_r_txt">查看更多</view>
<u-icon name="arrow-right" color="#999999" size="10"></u-icon>
</view>
</view>
<view class="serve-seckill-bj">
<image class="serve-seckill-bj-img" src="@/static/images/home/serve_seckill_bj.png"></image>
<view class="serve-seckill-list flex" v-for="(item,index) in couponList2" :key="index">
<image style="width: 140rpx;height: 140rpx;border-radius: 16rpx;" :src="item.cover"
mode="aspectFill"></image>
<view class=" flex align-center">
<view class="serve-seckill-list-cont">
<view class="serve-seckill-list-cont-name">{{item.name}}</view>
<view class="serve-seckill-list-cont-describe">{{item.intro}}</view>
<view class="serve-seckill-list-cont-time">
<u-count-down :time="30 * 60 * 60 * 1000" format="HH:mm:ss" autoStart millisecond
@change="onChange2">
<view class="serve-seckill-item flex align-center">
距结束还剩
<view class="swiper-item-cont">
{{timeData.hours>10?timeData.hours:'0'+timeData.hours}}
</view>
<text class="swiper-item-text">:</text>
<view class="swiper-item-cont">
{{timeData.minutes>10?timeData.minutes:'0'+timeData.minutes}}
</view>
<text class="swiper-item-text">:</text>
<view class="swiper-item-cont">{{timeData.seconds }}</view>
</view>
</u-count-down>
</view>
</view>
<view class="serve-seckill-list-butt flex align-center justify-center"
@click="toDetailPages(item)">
<text class="f-24">￥</text>
<text class="f-32">{{parseInt(item.price)}}</text>
<text class="f-36" style="margin-left: 9rpx;">抢</text>
</view>
</view>
</view>
</view>
</view>
<!-- 积分商城 -->
<view class="serve-integral">
<view class="serve-integral-header flex justify-between align-center">
<image class="serve-integral-logo" src="@/static/images/home/serve_integral_logo.png" mode=""></image>
<view class="flex justify-center align-center" style="width: 160rpx;" @click="navRightsInterestsFn">
<view class="f-28 c666">查看更多</view>
<u-icon name="arrow-right" color="#999999" size="14"></u-icon>
</view>
</view>
<view class="integral-list flex justify-around">
<view class="flex flex-column" v-for="(item,index) in integralList">
<view class="integral-list-image">
<image style="width: 160rpx;height: 160rpx;border-radius: 16rpx;" :src="item.image"
mode="aspectFill"></image>
</view>
<view class="integral-list-butt " @click="navParticularsFn(item)">
<text class="f-20 fff">￥{{parseInt(item.price)}}</text>
<text class="f-24 fff ml-2">{{item.integralNum}}积分</text>
</view>
<view class="integral-list-name c666 f-28"> {{item.name}}</view>
</view>
</view>
</view>
<!-- 热销中心 -->
<view class="serve-hot-sales">
<view class="serve-hot-list flex align-center">
<view v-for="(item,index) in couponHotList" class="mr-24" :key="index" @click="toDetailPages(item)">
<image :src="item.image" class="serve-hot-list-image" mode=""></image>
<view class="serve-hot-list-butt fff">
<text style="margin-left: 16rpx;">￥{{parseInt(item.price)}}</text>
</view>
</view>
<view class="f-28 c666" style="width: 30rpx;" @click="toHotPages('hot')">
查看更多
</view>
</view>
</view>
<!-- 互动中心 -->
<view class="serve-welfare">
<view class="serve-welfare-header flex justify-between align-center">
<image class="serve-welfare-logo" src="@/static/images/home/serve_welfare_logo.png" mode=""></image>
<view class="flex justify-center align-center" style="width: 160rpx;" @click="navActivityListFn">
<view class="f-28 c666">查看更多</view>
<u-icon name="arrow-right" color="#999999" size="14"></u-icon>
</view>
</view>
<view class="serve-welfare-list flex flex-wrap justify-between" style="margin-top: 24rpx;">
<view class="welfare-item mb-2" v-for="(item,index) in welfareList" :key="index"
@click="navActivityFn(item)">
<image class="welfare-item-image" :src="item.backImage" mode=""></image>
<view class="welfare-tjitle line-two">
{{item.name}}
</view>
</view>
</view>
</view>
<view style="height: 140rpx;" />
<tabbar-driver current="/pages/driver/serve/index"></tabbar-driver>
</view>
</template>
@@ -83,6 +187,13 @@
import {
getActivityListAPI,
} from '@/api/serve/index'
import {
getCardHelpList,
} from "@/api/user/index.js"
import {
getFrontIntegralList,
getTopicList
} from "@/api/welfare/welfare.js"
import {
mapGetters
} from 'vuex'
@@ -99,17 +210,17 @@
branner: [], // 轮播图列表
keyword: '',
couponData2: {
limit: 2,
limit: 3,
page: 1,
type: 2
},
couponData3: {
limit: 2,
limit: 3,
page: 1,
// type:3
type: 0
},
couponHot: {
limit: 2,
limit: 3,
page: 1,
isHot: true
},
@@ -117,7 +228,11 @@
couponList3: [],
couponHotList: [],
//消息未读 数量
unreadNum: 0
unreadNum: 0,
//积分商品列表
integralList: [],
//话题列表
welfareList: []
};
},
onShow() {
@@ -132,7 +247,13 @@
},
//倒计时
onChange(e) {
// console.log(e);
this.timeData = e
// console.log(this.timeData);
},
onChange2(e) {
// this.timeData = e
// console.log(e);
},
getBranner() {
// 获取轮播图
@@ -145,25 +266,50 @@
// 2秒杀 // isHot=>true 热销
getCardProductListAPI(this.couponData2).then(res => {
this.couponList2 = res.data.list
}).catch(err => {
// console.log(err);
})
// 热销
getCardProductListAPI(this.couponHot).then(res => {
console.log('热销', res.data.list);
this.couponHotList = res.data.list
}).catch(err => {
// console.log(err);
})
// 助力
getActivityListAPI(this.couponData3).then(res => {
getCardHelpList(this.couponData3).then(res => {
// getActivityListAPI(this.couponData3).then(res => {
console.log('助力列表', res.data.list);
//计算当前百分百
res.data.list.forEach(item=>{
item.widthNum=(309/6)*5
res.data.list.forEach(item => {
item.widthNum = (309 / item.totalNum) * item.helpNum
const timestamp1 = new Date().getTime();
const timestamp = new Date(item.stopTime).getTime();
item.stopTime = timestamp - timestamp1
})
this.couponList3 = res.data.list
}).catch(err => {
// console.log(err);
})
//积分商品
getFrontIntegralList({
page: 1,
limit: 3
}).then(res => {
this.integralList = res.data.list
})
//话题列表
getTopicList({
page: 1,
limit: 4
}).then(res => {
this.welfareList = res.data.list
})
},
//话题列表
navActivityListFn() {
uni.navigateTo({
url: `/pages/driver/serve/welfare/welfare`
})
},
//话题活动详情
navActivityFn(item) {
uni.navigateTo({
url: `/pages/driver/welfare/activity_x/activity_x?id=${item.id}`
})
},
// 去热销列表
@@ -179,6 +325,18 @@
})
}
},
//积分商品详情
navParticularsFn(item) {
uni.navigateTo({
url: `/pages/driver/welfare/rightsInterests/rightsInterests_particulars?id=${item.id}`
})
},
//积分权益
navRightsInterestsFn() {
uni.navigateTo({
url: '/pages/driver/welfare/rightsInterests/rightsInterests'
})
},
// 活动列表
toMyActivityListPage() {
uni.navigateTo({
@@ -216,6 +374,270 @@
</script>
<style lang="scss">
page {
background: #f5f5f5;
}
.serve-hot-sales {
width: 690rpx;
height: 210rpx;
background-image: url('@/static/images/home/serve_hot_sales.png');
background-size: 100%;
margin-top: 30rpx;
margin-left: 30rpx;
position: relative;
.serve-hot-list {
height: 210rpx;
position: absolute;
top: 0;
right: 0;
padding-right: 14rpx;
.serve-hot-list-image {
width: 120rpx;
height: 120rpx;
border-radius: 16rpx;
}
.serve-hot-list-butt {
width: 120rpx;
height: 44rpx;
line-height: 44rpx;
font-size: 26rpx;
background-image: url('@/static/images/home/serve_price.png');
background-size: 100%;
padding-right: 18rpx;
}
}
}
.serve-welfare {
width: 690rpx;
// height: 854rpx;
background-image: url('@/static/images/home/serve_welfare_bj.png');
background-size: 100%;
margin-top: 30rpx;
margin-left: 30rpx;
padding: 30rpx;
.serve-welfare-list {}
.serve-welfare-header {
width: 630rpx;
padding: 0rpx 0rpx 19rpx 0rpx;
.serve-welfare-logo {
width: 143rpx;
height: 35rpx;
}
}
.welfare-item {
width: 300rpx;
.welfare-item-image {
width: 300rpx;
height: 236rpx;
border-radius: 8rpx;
}
.welfare-tjitle {
width: 300rpx;
height: 80rpx;
color: #222222;
font-size: 34rpx;
font-weight: 400;
line-height: 40rpx;
}
}
}
.serve-integral {
width: 690rpx;
height: 396rpx;
margin-left: 30rpx;
margin-top: 30rpx;
border-radius: 16rpx;
background-image: url('@/static/images/home/serve_integral_bj.png');
background-size: 100%;
.integral-list {
.integral-list-image {
width: 200rpx;
height: 210rpx;
background: #ffffff;
padding: 20rpx 20rpx 30rpx 20rpx;
border-radius: 16rpx;
}
.integral-list-butt {
margin: -22rpx auto 0;
width: 162rpx;
height: 44rpx;
border-radius: 22rpx;
text-align: center;
line-height: 44rpx;
background: linear-gradient(to right, #FF5A00, #FF803A);
}
.integral-list-name {
width: 162rpx;
margin: 21rpx auto 0;
text-align: center;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
/* 控制显示的行数 */
overflow: hidden;
text-overflow: ellipsis;
}
}
.serve-integral-header {
width: 690rpx;
padding: 24rpx 28rpx 19rpx 22rpx;
.serve-integral-logo {
width: 143rpx;
height: 35rpx;
}
}
}
.serve-seckill {
margin-top: 30rpx;
width: 690rpx;
margin-left: 30rpx;
position: relative;
height: 746rpx;
.serve-seckill-hea {
width: 690rpx;
height: 113rpx;
position: absolute;
z-index: 99;
}
.serve-seckill-bj {
width: 690rpx;
height: 691rpx;
position: absolute;
top: 56rpx;
padding: 83rpx 25rpx 8rpx 25rpx;
.serve-seckill-list {
background: #fff;
padding: 20rpx 11rpx 20rpx 18rpx;
width: 639rpx;
height: 180rpx;
margin-bottom: 20rpx;
border-radius: 16rpx;
.serve-seckill-list-cont {
width: 239rpx;
height: 140rpx;
margin-left: 20rpx;
.serve-seckill-list-cont-name {
font-size: 24rpx;
color: #333;
font-weight: 500;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
/* 控制显示的行数 */
overflow: hidden;
text-overflow: ellipsis;
}
.serve-seckill-list-cont-describe {
font-size: 20rpx;
color: #666;
margin-top: 16rpx;
height: 60rpx;
line-height: 30rpx;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
/* 控制显示的行数 */
overflow: hidden;
text-overflow: ellipsis;
}
.serve-seckill-list-cont-time {
width: 249rpx;
.serve-seckill-item {
color: #333;
font-size: 22rpx;
.swiper-item-cont {
width: 34rpx;
height: 34rpx;
font-size: 24rpx;
text-align: center;
line-height: 34rpx;
color: #FF5400;
background: rgba(255, 129, 62, 0.3);
}
.swiper-item-text {
margin: 0 9rpx;
}
}
}
}
.serve-seckill-list-butt {
width: 185rpx;
height: 80rpx;
background-image: url('@/static/images/home/serve_seckill_but.png');
background-size: 100%;
color: #fff;
margin-left: 20rpx;
}
}
.serve-seckill-bj-img {
position: absolute;
width: 690rpx;
height: 691rpx;
left: 0;
top: 0;
z-index: -1;
}
}
.serve-seckill-logo {
width: 196rpx;
height: 49rpx;
top: 32rpx;
left: 57rpx;
position: absolute;
z-index: 199;
}
.up_r {
position: absolute;
right: 24rpx;
top: 40rpx;
display: flex;
justify-content: space-between;
align-items: center;
.up_r_txt {
font-size: 28rpx;
color: #666;
font-weight: 400;
margin-right: 8rpx;
}
}
}
.swiper-box {
padding: 30rpx;
}
@@ -225,24 +647,26 @@
height: 443rpx;
margin-left: 30rpx;
position: relative;
.swiper-line-list{
.swiper-line-list {
position: absolute;
bottom: 23rpx;
width: 750rpx;
}
.swiper-line-box {
width: 128rpx;
height: 6rpx;
background: #ffffff;
border-radius: 3rpx;
.swiper-line {
width: 32rpx;
height: 6rpx;
background: #FE781C;
border-radius: 3rpx;
}
.swiper-line-s {
width: 128rpx;
height: 6rpx;
@@ -250,7 +674,7 @@
border-radius: 3rpx;
}
}
.serve-assistance-bj {
position: absolute;
top: 0;
@@ -265,7 +689,7 @@
border-radius: 20rpx;
margin-top: 18rpx;
margin-left: 30rpx;
.swiper-item {
background: #ffffff;
width: 630rpx;
@@ -290,20 +714,22 @@
overflow: hidden;
text-overflow: ellipsis;
}
.swiper-item-cont-schedule{
.swiper-item-cont-schedule {
width: 309rpx;
height: 20rpx;
background: #FFE5A3;
border-radius: 10rpx;
margin-top: 16rpx;
position: relative;
.schedule-num{
.schedule-num {
height: 20rpx;
border-radius: 10rpx;
background: linear-gradient(to bottom, #FF3A09, #FFAC7A);
}
}
.swiper-item-cont-num {
margin-top: 16rpx;
font-size: 24rpx;
@@ -428,27 +854,28 @@
left: 0;
}
}
.example-body-item {
flex-direction: row;
justify-content: center;
align-items: center;
margin: 15rpx;
padding: 15rpx;
height: 60rpx;
/* #ifndef APP-NVUE */
display: flex;
padding: 0 15rpx;
/* #endif */
flex: 1;
border-color: #e5e5e5;
border-style: solid;
border-width: 1px;
border-radius: 5px;
}
.example-body-item-text {
font-size: 28rpx;
color: #333;
}
flex-direction: row;
justify-content: center;
align-items: center;
margin: 15rpx;
padding: 15rpx;
height: 60rpx;
/* #ifndef APP-NVUE */
display: flex;
padding: 0 15rpx;
/* #endif */
flex: 1;
border-color: #e5e5e5;
border-style: solid;
border-width: 1px;
border-radius: 5px;
}
.example-body-item-text {
font-size: 28rpx;
color: #333;
}
</style>

81
pages/driver/serve/welfare/welfare.vue Normal file
View File

@@ -0,0 +1,81 @@
<template>
<z-paging use-page-scroll ref="paging" v-model="dataList" @query="queryList">
<view class="welfare-box mt-4">
<view class="flex-wrap align-center justify-between" style="margin-top: 24rpx;">
<view class="welfare-item mb-2" v-for="(item,index) in dataList" :key="index"
@click="navActivityFn(item)">
<image :src="item.backImage" mode=""></image>
<view class="welfare-tjitle line-two">
{{item.name}}
</view>
</view>
</view>
</view>
</z-paging>
</template>
<script>
import {
getTopicList
} from "@/api/welfare/welfare.js"
export default {
data() {
return {
dataList: []
}
},
onLoad(option) {
},
methods: {
//获取话题列表
queryList(page, limit) {
getTopicList({
page,
limit,
}).then(res => {
console.log(res.data.list);
this.$refs.paging.complete(res.data.list);
}).catch(err => {
this.$refs.paging.complete(false);
})
},
//活动详情
navActivityFn(item) {
uni.navigateTo({
url: `/pages/driver/welfare/activity_x/activity_x?id=${item.id}`
})
},
}
}
</script>
<style lang="scss">
page {
border-top: 1rpx solid #E6E6E6;
}
.welfare-box {
padding: 0 32rpx;
.title {}
.welfare-item {
.welfare-tjitle {
width: 332rpx;
height: 80rpx;
color: #222222;
font-size: 34rpx;
font-weight: 400;
line-height: 40rpx;
}
image {
width: 332rpx;
height: 234rpx;
border-radius: 8rpx;
}
}
}
</style>

BIN
static/images/home/fulizhengce_bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 68 KiB

BIN
static/images/home/home_rebate_01.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/images/home/home_rebate_02.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 32 KiB

BIN
static/images/home/home_rebate_03.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/images/home/home_rebate_04.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 34 KiB

BIN
static/images/home/home_rebate_05.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/images/home/home_rebate_06.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
static/images/home/home_rebate_07.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
static/images/home/home_rebate_bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
static/images/home/home_rebate_tit.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
static/images/home/home_rebate_tit2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.9 KiB

BIN
static/images/home/home_rebate_tit3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.5 KiB

BIN
static/images/home/serve_hot_sales.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 212 KiB

BIN
static/images/home/serve_integral_bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 452 KiB

BIN
static/images/home/serve_integral_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.9 KiB

BIN
static/images/home/serve_price.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
static/images/home/serve_seckill.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 224 KiB

BIN
static/images/home/serve_seckill_bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
static/images/home/serve_seckill_but.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 20 KiB

BIN
static/images/home/serve_seckill_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
static/images/home/serve_welfare_bj.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 70 KiB

BIN
static/images/home/serve_welfare_logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.2 KiB