feat: 合并master
This commit is contained in:
commit
2c672b6382
3
api/v2local.js
Normal file
3
api/v2local.js
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
export const apiArr = {
|
||||||
|
getMerChantList:"/api/v2/wechat/merchant-cate-crud/list", //商家分类
|
||||||
|
};
|
||||||
170
packages/localLife/Points/index.css
Normal file
170
packages/localLife/Points/index.css
Normal file
@ -0,0 +1,170 @@
|
|||||||
|
page {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 60rpx;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.searchBox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
/* margin-top: 35rpx; */
|
||||||
|
justify-content: space-between;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBox_add {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBox_add image {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background: url(http://192.168.0.172:5500/local_pointbg.png);
|
||||||
|
background-size: 750rpx 423rpx;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.mypoint {
|
||||||
|
width: 710rpx;
|
||||||
|
height: 397rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tit {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #222222;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding-top: 55rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.point {
|
||||||
|
font-size: 60rpx;
|
||||||
|
color: #222222;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
box-sizing: border-box;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.funList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 0 100rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.funItem {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.funItem image {
|
||||||
|
width: 90rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.textHis {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
padding-left: 26rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
margin-bottom: 14rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HisList {
|
||||||
|
width: 710rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HisItem {
|
||||||
|
width: 710rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
border-bottom: 1rpx solid #EBEBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.HisItem:last-child {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.His_tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 13rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.His_tit_left {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.His_time_left {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.his_remark {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #222222;
|
||||||
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
|
.His_time_right {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.His_time {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.his_remark {
|
||||||
|
margin-top: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.His_tit_right {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
89
packages/localLife/Points/index.vue
Normal file
89
packages/localLife/Points/index.vue
Normal file
@ -0,0 +1,89 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
||||||
|
<div class="searchBox_add">
|
||||||
|
<u-icon bold color="#fff" size="40" name="arrow-left" @click="back"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="mypoint">
|
||||||
|
<div class="tit">我的积分</div>
|
||||||
|
<div class="point">2</div>
|
||||||
|
<div class="funList">
|
||||||
|
<div class="funItem">
|
||||||
|
<image src="http://192.168.0.172:5500/local_fun1.png" mode="aspectFill"></image>
|
||||||
|
积分商城
|
||||||
|
</div>
|
||||||
|
<div class="funItem">
|
||||||
|
<image src="http://192.168.0.172:5500/local_fun2.png" mode="aspectFill"></image>
|
||||||
|
积分抽奖
|
||||||
|
</div>
|
||||||
|
<div class="funItem">
|
||||||
|
<image src="http://192.168.0.172:5500/local_fun3.png" mode="aspectFill"></image>
|
||||||
|
兑换优惠券
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="textHis">积分变动历史</div>
|
||||||
|
<div class="HisList">
|
||||||
|
<div class="HisItem" v-for="item in 3">
|
||||||
|
<div class="His_tit">
|
||||||
|
<div class="His_tit_left">下单</div>
|
||||||
|
<div class="His_tit_right">+1</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="His_time">
|
||||||
|
<div class="His_time_left">2025-06-06 18:10:08</div>
|
||||||
|
<div class="His_time_right">快捷支付订单返积分</div>
|
||||||
|
</div>
|
||||||
|
<div class="his_remark">
|
||||||
|
相关单号#637181008561216
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
178
packages/localLife/UserComment/index.css
Normal file
178
packages/localLife/UserComment/index.css
Normal file
@ -0,0 +1,178 @@
|
|||||||
|
page {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg {
|
||||||
|
width: 100%;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 0rpx 0rpx 0rpx 0rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 26rpx 20rpx;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit_left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit_left image {
|
||||||
|
height: 60rpx;
|
||||||
|
width: 60rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit_right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit_right image {
|
||||||
|
width: 22rpx;
|
||||||
|
height: 22rpx;
|
||||||
|
margin-right: 4rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_con {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #222222;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_iconList_leftIcon {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #999999;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_iconList_leftIcon image {
|
||||||
|
width: 30rpx;
|
||||||
|
/* height: 30rpx; */
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_iconList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_iconList_left {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_iconList_right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_iconList_right image {
|
||||||
|
width: 30rpx;
|
||||||
|
margin-left: 10rpx;
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment {
|
||||||
|
height: 140rpx;
|
||||||
|
width: 100%;
|
||||||
|
background-color: #fff;
|
||||||
|
position: fixed;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
padding-top: 26rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.comment_con {
|
||||||
|
width: 650rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
background: #F6F6FA;
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 0 32rpx;
|
||||||
|
padding-right: 0;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.comment_con input{
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
.comment_con image {
|
||||||
|
width: 28.3rpx;
|
||||||
|
height: 28rpx;
|
||||||
|
margin-right: 15rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.reply {
|
||||||
|
margin-top: 48rpx;
|
||||||
|
margin-left: 76rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply_tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply_tit_left {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999999;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply_tit_left image {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply_tit_right {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.reply_con {
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #222222;
|
||||||
|
padding-left: 50rpx;
|
||||||
|
padding-right: 20rpx;
|
||||||
|
margin-top: 8rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
#send {
|
||||||
|
width: 140rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
123
packages/localLife/UserComment/index.vue
Normal file
123
packages/localLife/UserComment/index.vue
Normal file
@ -0,0 +1,123 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="Msg">
|
||||||
|
<div class="Msg_Tit">
|
||||||
|
<div class="Msg_Tit_left">
|
||||||
|
<image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
|
||||||
|
TP
|
||||||
|
</div>
|
||||||
|
<div class="Msg_Tit_right">
|
||||||
|
<image v-for="item in 5" src="http://192.168.0.172:5500/local_start1.png" mode="aspectFill"></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg_con">
|
||||||
|
踏入这家位于街角的餐厅，木质门框与暖黄灯光交织出温馨氛围，墙面上手绘的食材插画透着文艺气息，开放式厨房的设计让食客能看见厨师处理食材的全过程，第一印象便给人以干净与安心。
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg_iconList">
|
||||||
|
<div class="Msg_iconList_left">
|
||||||
|
<div class="Msg_iconList_leftIcon">
|
||||||
|
<image src="http://192.168.0.172:5500/local_review.png" mode="widthFix"></image>
|
||||||
|
300
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg_iconList_leftIcon">
|
||||||
|
<image src="http://192.168.0.172:5500/com_likeIcon.png" mode="widthFix"></image>
|
||||||
|
300
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="Msg_iconList_right">
|
||||||
|
<div class="Msg_iconList_leftIcon">
|
||||||
|
<image src="http://192.168.0.172:5500/com_shareIcon.png" mode="widthFix"></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg_iconList_leftIcon" @click="deletes">
|
||||||
|
<image src="http://192.168.0.172:5500/local_del.png" mode="widthFix"></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- 回复列表 -->
|
||||||
|
<div class="reply" v-for="item in 3">
|
||||||
|
<div class="reply_tit">
|
||||||
|
<div class="reply_tit_left">
|
||||||
|
<image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
|
||||||
|
哇偶
|
||||||
|
</div>
|
||||||
|
<div class="reply_tit_right">2025-06-12 12:23:46</div>
|
||||||
|
</div>
|
||||||
|
<div class="reply_con">真好啊呵呵呵</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="comment">
|
||||||
|
<div class="comment_con">
|
||||||
|
<image src="http://192.168.0.172:5500/local_send.png" mode="aspectFill"></image>
|
||||||
|
<input type="text" placeholder="说点什么">
|
||||||
|
<button id="send" @click="sendComment">发送</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
// this.top = meun.height + meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
sendComment() {
|
||||||
|
// 这里添加发送评论的逻辑
|
||||||
|
console.log('发送评论');
|
||||||
|
},
|
||||||
|
|
||||||
|
deletes(){
|
||||||
|
uni.showModal({
|
||||||
|
title: '提示',
|
||||||
|
content: '确定删除？',
|
||||||
|
success: function (res) {
|
||||||
|
if (res.confirm) {
|
||||||
|
console.log('用户点击确定');
|
||||||
|
} else if (res.cancel) {
|
||||||
|
console.log('用户点击取消');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
238
packages/localLife/comment/index.css
Normal file
238
packages/localLife/comment/index.css
Normal file
@ -0,0 +1,238 @@
|
|||||||
|
page {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg {
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 26rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
border-bottom: 1rpx solid #EBEBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit_left {
|
||||||
|
width: 100rpx;
|
||||||
|
height: 100rpx;
|
||||||
|
border-radius: 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_Tit_right {
|
||||||
|
font-size: 32rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg_ipt {
|
||||||
|
display: flex;
|
||||||
|
padding: 30rpx 0;
|
||||||
|
border-bottom: 1rpx solid #EBEBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #222222;
|
||||||
|
width: 110rpx;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.startList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.start {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.noneBor {
|
||||||
|
border-bottom: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.startList {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
#textareas {
|
||||||
|
width: 100%;
|
||||||
|
white-space: wrap !important;
|
||||||
|
line-height: 1.5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2 {
|
||||||
|
width: 660rpx;
|
||||||
|
height: 378rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Msg2_Tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_Tit_left,
|
||||||
|
.Msg2_Tit_right {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
height: 70rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_Tit_line {
|
||||||
|
height: 70rpx;
|
||||||
|
width: 1rpx;
|
||||||
|
background-color: #EBEBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.active {
|
||||||
|
border-bottom: 2rpx solid #FF370B;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_Con {
|
||||||
|
flex: 1;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.upload-placeholder {
|
||||||
|
height: 100% !important;
|
||||||
|
width: 600rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999999;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.upload-placeholder2 {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
::v-deep .u-upload {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-upload__wrap {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
padding: 30rpx !important;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-upload__wrap--preview {
|
||||||
|
width: 120rpx !important;
|
||||||
|
height: 120rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.uploadIcon {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
background: #F6F7FB;
|
||||||
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-upload__wrap__preview {
|
||||||
|
width: 120rpx;
|
||||||
|
height: 120rpx;
|
||||||
|
border-radius: 10rpx 0rpx 10rpx 10rpx !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.u-upload__wrap__preview__image {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
object-fit: cover;
|
||||||
|
}
|
||||||
|
|
||||||
|
.videoCon {
|
||||||
|
height: 100% !important;
|
||||||
|
width: 600rpx;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #999999;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.videoCon image {
|
||||||
|
width: 60rpx;
|
||||||
|
height: 60rpx;
|
||||||
|
margin-bottom: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.videoBOX {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.videoBOX video {
|
||||||
|
width: 100% !important;
|
||||||
|
height: 100% !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mask {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
position: absolute;
|
||||||
|
left: 0;
|
||||||
|
top: 0;
|
||||||
|
z-index: 2;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mask_con {
|
||||||
|
width: 40rpx;
|
||||||
|
height: 40rpx;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.mask_cancel {
|
||||||
|
background: rgba(255, 255, 255, 0.2);
|
||||||
|
border-radius: 5rpx 5rpx 5rpx 5rpx;
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
padding: 2rpx 11rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 30rpx;
|
||||||
|
top: 24rpx;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
174
packages/localLife/comment/index.vue
Normal file
174
packages/localLife/comment/index.vue
Normal file
@ -0,0 +1,174 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="Msg">
|
||||||
|
<div class="Msg_Tit">
|
||||||
|
<div class="Msg_Tit_left">
|
||||||
|
<image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
|
||||||
|
</div>
|
||||||
|
<div class="Msg_Tit_right">
|
||||||
|
七个2锁城
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg_ipt">
|
||||||
|
<div class="row">满意度</div>
|
||||||
|
<div class="startList">
|
||||||
|
<div class="start" v-for="(item, index) in 5" :key="index" @click="setRating(index + 1)">
|
||||||
|
<image :src="index < rating ? 'http://192.168.0.172:5500/local_start1.png' : 'http://192.168.0.172:5500/local_start2.png'" mode="aspectFill"></image>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="Msg_ipt noneBor">
|
||||||
|
<div class="row">点评</div>
|
||||||
|
<div class="startList">
|
||||||
|
<textarea name="" auto-height placeholder="您对服务满意吗" id="textareas"></textarea>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg2">
|
||||||
|
<div class="Msg2_Tit">
|
||||||
|
<div class="Msg2_Tit_left" :class="active == 0 ? 'active' : ''" @click="changeAct(0)">照片</div>
|
||||||
|
<div class="Msg2_Tit_line"></div>
|
||||||
|
<div class="Msg2_Tit_right" :class="active == 1 ? 'active' : ''" @click="changeAct(1)">视频</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg2_Con">
|
||||||
|
|
||||||
|
|
||||||
|
<u-upload v-if="active === 0" :maxCount="8" :fileList="imgList" @afterRead="afterReadVideo"
|
||||||
|
@delete="deletePic" name="1" multiple
|
||||||
|
:custom-style="imgList.length > 0 ? uploadStyle.small : uploadStyle.full" :previewFullImage="true">
|
||||||
|
<div v-if="imgList.length === 0" class="upload-placeholder">
|
||||||
|
<u-icon name="camera" size="60" color="#999"></u-icon>
|
||||||
|
上传图片
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div v-if="imgList.length != 0" class="uploadIcon">
|
||||||
|
<u-icon name="plus" bold size="60" color="#999"></u-icon>
|
||||||
|
</div>
|
||||||
|
</u-upload>
|
||||||
|
|
||||||
|
|
||||||
|
<u-upload v-if="active === 1 && videoList.length === 0" :fileList="videoList"
|
||||||
|
@afterRead="afterReadVideo2" @delete="deletePic2" name="1" :maxCount="1" accept="video">
|
||||||
|
<div class="videoCon">
|
||||||
|
<image src="http://192.168.0.172:5500/com_videoImg.png" mode="widthFix"></image>
|
||||||
|
上传视频
|
||||||
|
</div>
|
||||||
|
</u-upload>
|
||||||
|
|
||||||
|
<div v-if="active === 1 && videoList.length != 0" class="videoBOX">
|
||||||
|
<video id="myVideo" :src="picUrl + videoList2[0].url" playsinline webkit-playsinline></video>
|
||||||
|
<div class="mask" @click="playFullScreenVideo">
|
||||||
|
<div class="mask_con">
|
||||||
|
<image src="http://192.168.0.172:5500/local_play.png" mode="widthFix"></image>
|
||||||
|
</div>
|
||||||
|
<div class="mask_cancel" @click="cancels">取消</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
upload,
|
||||||
|
uploadVideo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
active: 1,
|
||||||
|
videoList: [],
|
||||||
|
videoList2: [],
|
||||||
|
imgList: [],
|
||||||
|
imgList2: [],
|
||||||
|
uploadStyle: {
|
||||||
|
full: {
|
||||||
|
width: '100%',
|
||||||
|
height: '100%'
|
||||||
|
},
|
||||||
|
small: {
|
||||||
|
width: '120rpx',
|
||||||
|
height: '120rpx'
|
||||||
|
}
|
||||||
|
},
|
||||||
|
rating: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
// this.top = meun.height + meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
playFullScreenVideo() {
|
||||||
|
this.videoContext = this.videoContext || wx.createVideoContext('myVideo')
|
||||||
|
this.videoContext.requestFullScreen() // 请求全屏
|
||||||
|
},
|
||||||
|
changeAct(e) {
|
||||||
|
this.active = e;
|
||||||
|
},
|
||||||
|
|
||||||
|
afterReadVideo(e) {
|
||||||
|
console.log(e);
|
||||||
|
// upload(e.file)
|
||||||
|
e.file.forEach(item => {
|
||||||
|
upload(item.url, res => {
|
||||||
|
console.log(res.data.path);
|
||||||
|
this.imgList.push({ url: this.picUrl + res.data.path })
|
||||||
|
this.imgList2.push({ url: res.data.path })
|
||||||
|
})
|
||||||
|
})
|
||||||
|
},
|
||||||
|
deletePic(e) {
|
||||||
|
this.imgList.splice(e.index, 1);
|
||||||
|
this.imgList2.splice(e.index, 1);
|
||||||
|
},
|
||||||
|
|
||||||
|
afterReadVideo2(e) {
|
||||||
|
console.log(e);
|
||||||
|
uploadVideo(e.file.url, res => {
|
||||||
|
console.log(res.data.url);
|
||||||
|
this.videoList.push({ url: this.picUrl + res.data.url })
|
||||||
|
this.videoList2.push({ url: res.data.url })
|
||||||
|
})
|
||||||
|
},
|
||||||
|
cancels(e) {
|
||||||
|
this.videoList = [];
|
||||||
|
this.videoList2 = [];
|
||||||
|
},
|
||||||
|
setRating(rating) {
|
||||||
|
this.rating = rating;
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
149
packages/localLife/houseProvident/index.css
Normal file
149
packages/localLife/houseProvident/index.css
Normal file
@ -0,0 +1,149 @@
|
|||||||
|
page {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 60rpx;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.searchBox {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
/* margin-top: 35rpx; */
|
||||||
|
justify-content: space-between;
|
||||||
|
background-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBox_add {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBox_add image {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background: url(http://192.168.0.172:5500/local_pointbg.png);
|
||||||
|
background-size: 750rpx 423rpx;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text1 {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text2 {
|
||||||
|
font-size: 60rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.total {
|
||||||
|
width: 205rpx;
|
||||||
|
height: 55rpx;
|
||||||
|
background: #E05734;
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
margin-bottom: 46rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text3 {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
padding-left: 26rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text3 span {
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orderList {
|
||||||
|
margin-top: 13rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.orderItem {
|
||||||
|
padding: 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 710rpx;
|
||||||
|
height: auto;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_con2 {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
|
.row_con4 {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_label2 {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
margin-top: 13rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
height: 1rpx;
|
||||||
|
background-color: #EBEBEB;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.row_con {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #222222;
|
||||||
|
margin-bottom: 25rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_con image {
|
||||||
|
width: 50rpx;
|
||||||
|
height: 50rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 20rpx;
|
||||||
|
}
|
||||||
92
packages/localLife/houseProvident/index.vue
Normal file
92
packages/localLife/houseProvident/index.vue
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<view class="searchBox" :style="{ height: localHeight + 'px', paddingTop: top + 'px' }">
|
||||||
|
<view class="searchBox_add">
|
||||||
|
<u-icon bold color="#fff" size="40" name="arrow-left" @click="back"></u-icon>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<div class="text1">物业费公积金</div>
|
||||||
|
<div class="text2">￥53.1</div>
|
||||||
|
<div class="total">全部房源合计</div>
|
||||||
|
<div class="text3">
|
||||||
|
<span>全部房源</span>
|
||||||
|
物业费公积金流水
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="orderList">
|
||||||
|
<div class="orderItem" v-for="itme in 3">
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label">消费返</div>
|
||||||
|
<div class="row_con2" v-if="true">+53.1</div>
|
||||||
|
<div class="row_con4" v-if="false">+53.1</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label2">2025-06-06 18:10:08</div>
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label">消费返</div>
|
||||||
|
<div class="row_con">惠生活42#2单元2层202号</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label">消费用户</div>
|
||||||
|
<div class="row_con">
|
||||||
|
<image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
|
||||||
|
嘟嘟
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label">相关快捷支付单号</div>
|
||||||
|
<div class="row_con">28554455624858</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label">备注</div>
|
||||||
|
<div class="row_con">消费返物业公积金</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
@ -1,5 +1,5 @@
|
|||||||
page {
|
page {
|
||||||
background-color: #f6f7fb;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
.local {
|
.local {
|
||||||
@ -12,11 +12,307 @@ page {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
}
|
}
|
||||||
#local{
|
|
||||||
|
#local {
|
||||||
height: 30rpx;
|
height: 30rpx;
|
||||||
width: 28.08rpx;
|
width: 28.08rpx;
|
||||||
margin-right: 17rpx;
|
margin-right: 17rpx;
|
||||||
}
|
}
|
||||||
.u-icon{
|
|
||||||
|
.u-icon {
|
||||||
margin-left: 10rpx;
|
margin-left: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding: 20rpx 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBox {
|
||||||
|
width: 710rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
display: flex;
|
||||||
|
box-sizing: border-box;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 30rpx;
|
||||||
|
padding-right: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchBox image {
|
||||||
|
width: 30rpx;
|
||||||
|
height: 30rpx;
|
||||||
|
margin-right: 16rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.swiperBox {
|
||||||
|
height: 350rpx;
|
||||||
|
width: 100%;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.swiper {
|
||||||
|
height: 350rpx;
|
||||||
|
width: 100%;
|
||||||
|
/* position: relative; */
|
||||||
|
}
|
||||||
|
|
||||||
|
.navList {
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
box-sizing: border-box;
|
||||||
|
height: 350rpx;
|
||||||
|
width: 100%;
|
||||||
|
padding: 30rpx 20rpx;
|
||||||
|
background-color: #fff;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navItem {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 116rpx;
|
||||||
|
height: 105rpx;
|
||||||
|
margin-right: 34rpx;
|
||||||
|
margin-bottom: 43rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navItem image {
|
||||||
|
width: 70rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navItem:nth-child(5n) {
|
||||||
|
margin-right: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.dot {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 50%;
|
||||||
|
bottom: 25rpx;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.dotItem {
|
||||||
|
width: 8rpx;
|
||||||
|
height: 8rpx;
|
||||||
|
border-radius: 50%;
|
||||||
|
background-color: #E6E6E6;
|
||||||
|
margin-right: 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.actives {
|
||||||
|
width: 20rpx;
|
||||||
|
height: 8rpx;
|
||||||
|
background: #FF370B;
|
||||||
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scrollBox{
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 25rpx;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
}
|
||||||
|
.scrollView {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
flex-wrap: nowrap;
|
||||||
|
padding: 0 14rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.scroll-viewItem {
|
||||||
|
display: flex;
|
||||||
|
white-space: nowrap;
|
||||||
|
height: 54rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 10rpx 10rpx 10rpx 10rpx;
|
||||||
|
border: 1rpx solid #FFFFFF;
|
||||||
|
padding: 10rpx 18rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
position: relative;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.scroll-viewItem image {
|
||||||
|
width: 22rpx;
|
||||||
|
height: 22rpx;
|
||||||
|
position: absolute;
|
||||||
|
left: 7rpx;
|
||||||
|
top: 5rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnList {
|
||||||
|
width: 389rpx;
|
||||||
|
height: 119rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: 200rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnList_after {
|
||||||
|
width: 389rpx;
|
||||||
|
height: 119rpx;
|
||||||
|
filter: blur(8.600000381469727rpx);
|
||||||
|
background: rgba(0, 0, 0, 0.3);
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
position: fixed;
|
||||||
|
left: 50%;
|
||||||
|
transform: translateX(-50%);
|
||||||
|
bottom: 200rpx;
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.btn_left {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_left image {
|
||||||
|
width: 47.97rpx;
|
||||||
|
height: 44.79rpx;
|
||||||
|
margin-bottom: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_right {
|
||||||
|
flex: 1;
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #000000;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn_right image {
|
||||||
|
height: 47rpx;
|
||||||
|
width: 47rpx;
|
||||||
|
margin-bottom: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 1rpx;
|
||||||
|
height: 82rpx;
|
||||||
|
border-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(215, 215, 215, 1), rgba(255, 255, 255, 1)) 1 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantList {
|
||||||
|
padding: 0 20rpx;
|
||||||
|
width: 100%;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem {
|
||||||
|
display: flex;
|
||||||
|
padding-top: 30px;
|
||||||
|
padding-bottom: 30rpx;
|
||||||
|
border-bottom: 1rpx solid #EBEBEB;;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_left {
|
||||||
|
width: 180rpx;
|
||||||
|
height: 180rpx;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
overflow: hidden;
|
||||||
|
margin-right: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_left image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_tit_left {
|
||||||
|
font-size: 30rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_tit_right {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #555555;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_con {
|
||||||
|
margin-top: 14rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchangtItem_tag {
|
||||||
|
font-size: 22rpx;
|
||||||
|
color: #555555;
|
||||||
|
padding: 5rpx 12rpx;
|
||||||
|
white-space: nowrap;
|
||||||
|
background: rgba(255, 81, 42, 0.1);
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
display: inline-block;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.startList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.startList image {
|
||||||
|
width: 22rpx;
|
||||||
|
height: 22rpx;
|
||||||
|
margin-right: 3rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_con_right {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
font-size: 26rpx;
|
||||||
|
color: #000000;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_con_right image {
|
||||||
|
width: 32rpx;
|
||||||
|
height: 28.59rpx;
|
||||||
|
margin-bottom: 6rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.merchantItem_right_add {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
margin-top: 14rpx;
|
||||||
}
|
}
|
||||||
@ -3,8 +3,97 @@
|
|||||||
<div class="local">
|
<div class="local">
|
||||||
<image id="local" src="http://192.168.0.172:5500/local_localIcon.png" mode="aspectFill"></image>
|
<image id="local" src="http://192.168.0.172:5500/local_localIcon.png" mode="aspectFill"></image>
|
||||||
桃城苑小区西北50米(育才南大街)
|
桃城苑小区西北50米(育才南大街)
|
||||||
<u-icon name="arrow-down" color="#999999" size="28" ></u-icon>
|
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="search">
|
||||||
|
<div class="searchBox">
|
||||||
|
<image src="http://192.168.0.172:5500/com_communitySearchIcon.png" mode="aspectFill"></image>
|
||||||
|
<input type="text" placeholder="请输入您想搜索的内容">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="swiperBox">
|
||||||
|
<swiper class="swiper" @change="swiperChange" :current="currentIndex">
|
||||||
|
<swiper-item v-for="(page, pageIndex) in swiperList" :key="pageIndex">
|
||||||
|
<div class="navList">
|
||||||
|
<div class="navItem" v-for="(item, itemIndex) in page" :key="itemIndex">
|
||||||
|
<image :src="picUrl + item.cate_image" mode="widthFix"></image>
|
||||||
|
<div class="navName">{{ item.cate_name }}</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</swiper-item>
|
||||||
|
</swiper>
|
||||||
|
|
||||||
|
<div class="dot">
|
||||||
|
<div class="dotItem" v-for="(page, index) in swiperList" :class="currentIndex == index ? 'actives' : ''"></div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<scroll-view scroll-x="true" enhanced enable-flex class="scrollBox">
|
||||||
|
<div class="scrollView">
|
||||||
|
<div class="scroll-viewItem" v-for="(item, index) in 4" @click="checkItem(index)">
|
||||||
|
<image v-show="!checkedItems[index]" src="http://192.168.0.172:5500/local_uncheck.png"
|
||||||
|
mode="aspectFill"></image>
|
||||||
|
<image v-show="checkedItems[index]" src="http://192.168.0.172:5500/local-check.png"
|
||||||
|
mode="aspectFill"></image>
|
||||||
|
买单返物业费
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
<div class="merchantList">
|
||||||
|
<div class="merchantItem" v-for="itme in 3">
|
||||||
|
<div class="merchantItem_left">
|
||||||
|
<image src="http://192.168.0.172:5500/test.png" mode="aspectFill"></image>
|
||||||
|
</div>
|
||||||
|
<div class="merchantItem_right">
|
||||||
|
<div class="merchantItem_right_tit">
|
||||||
|
<div class="merchantItem_right_tit_left">
|
||||||
|
大发师美容美发店
|
||||||
|
</div>
|
||||||
|
<div class="merchantItem_right_tit_right">
|
||||||
|
898km
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="merchantItem_right_con">
|
||||||
|
<div class="merchantItem_right_con_left">
|
||||||
|
<div class="startList">
|
||||||
|
<image v-for="iten in 5" src="http://192.168.0.172:5500/local_start1.png"
|
||||||
|
mode="aspectFill"></image>
|
||||||
|
</div>
|
||||||
|
<div class="merchangtItem_tag">买单返物业费</div>
|
||||||
|
</div>
|
||||||
|
<div class="merchantItem_right_con_right">
|
||||||
|
<image src="http://192.168.0.172:5500/local_review.png" mode="aspectFill"></image>
|
||||||
|
点评
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="merchantItem_right_add">
|
||||||
|
苏州市太仓市城厢镇桃园三村11幢105市
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btnList">
|
||||||
|
<div class="btn_left">
|
||||||
|
<image src="http://192.168.0.172:5500/local_serverIcon.png" mode="aspectFill"></image>
|
||||||
|
到店服务券
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="btn_right">
|
||||||
|
<image src="http://192.168.0.172:5500/lcoal_payIcon.png" mode="aspectFill"></image>
|
||||||
|
快捷支付记录
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="btnList_after"></div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@ -17,7 +106,7 @@ import {
|
|||||||
NavgateTo
|
NavgateTo
|
||||||
} from '../../../utils';
|
} from '../../../utils';
|
||||||
|
|
||||||
import { apiArr } from '../../../api/v2Community';
|
import { apiArr } from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
export default {
|
export default {
|
||||||
@ -26,6 +115,10 @@ export default {
|
|||||||
picUrl,
|
picUrl,
|
||||||
top: "",
|
top: "",
|
||||||
localHeight: "",
|
localHeight: "",
|
||||||
|
swiperList: [
|
||||||
|
],
|
||||||
|
currentIndex: 0,
|
||||||
|
checkedItems: [false, false, false, false]
|
||||||
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
@ -34,11 +127,31 @@ export default {
|
|||||||
this.top = meun.top;
|
this.top = meun.top;
|
||||||
// this.top = meun.height + meun.top;
|
// this.top = meun.height + meun.top;
|
||||||
this.localHeight = meun.height;
|
this.localHeight = meun.height;
|
||||||
|
this.getCateList();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
methods: {
|
methods: {
|
||||||
|
swiperChange(e) {
|
||||||
|
this.currentIndex = e.detail.current;
|
||||||
|
},
|
||||||
|
|
||||||
|
checkItem(index) {
|
||||||
|
this.$set(this.checkedItems, index, !this.checkedItems[index]);
|
||||||
|
},
|
||||||
|
|
||||||
|
getCateList() {
|
||||||
|
let that = this
|
||||||
|
request(apiArr.getMerChantList, "POST").then(res => {
|
||||||
|
console.log(res);
|
||||||
|
// 将数据分成每10个一组
|
||||||
|
const chunkSize = 10;
|
||||||
|
that.swiperList = [];
|
||||||
|
for (let i = 0; i < res.rows.length; i += chunkSize) {
|
||||||
|
that.swiperList.push(res.rows.slice(i, i + chunkSize));
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
188
packages/localLife/pay/index.css
Normal file
188
packages/localLife/pay/index.css
Normal file
@ -0,0 +1,188 @@
|
|||||||
|
page {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.header {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
padding-left: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.container {
|
||||||
|
background: url(http://192.168.0.172:5500/local_payImg.png);
|
||||||
|
background-size: 750rpx 302rpx;
|
||||||
|
background-repeat: no-repeat;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Tit {
|
||||||
|
margin-top: 138rpx;
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #222222;
|
||||||
|
font-weight: 600;
|
||||||
|
margin-left: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Tit span {
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.Msg {
|
||||||
|
width: 710rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 17rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding-top: 20rpx;
|
||||||
|
padding-left: 20rpx;
|
||||||
|
padding-right: 20rpx;
|
||||||
|
padding-bottom: 33rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.payMony {
|
||||||
|
font-size: 50rpx;
|
||||||
|
color: #222222;
|
||||||
|
display: flex;
|
||||||
|
padding-bottom: 20rpx;
|
||||||
|
border-bottom: 1rpx solid #EBEBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.payMony input {
|
||||||
|
font-size: 70rpx;
|
||||||
|
color: #222222;
|
||||||
|
height: 70rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.payRemark {
|
||||||
|
margin-top: 26rpx;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
padding-left: 27rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2 {
|
||||||
|
width: 710rpx;
|
||||||
|
height: 162rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx 20rpx 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_tit {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_tit_left {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_tit_right {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_con {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_con_left {
|
||||||
|
font-size: 40rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_con_left span {
|
||||||
|
font-size: 50rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg2_con_right {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg3 {
|
||||||
|
width: 710rpx;
|
||||||
|
height: 162rpx;
|
||||||
|
background: #FFFFFF;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
padding: 30rpx 20rpx 20rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg3_tit {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.Msg3_con {
|
||||||
|
font-weight: 400;
|
||||||
|
font-size: 50rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
width: 600rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 60rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnList {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin: 0 56rpx;
|
||||||
|
margin-top: 53rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnItem {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
height: 20rpx;
|
||||||
|
width: 1rpx;
|
||||||
|
background-color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btnItem2 {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.btnItem2 image{
|
||||||
|
width: 34rpx;
|
||||||
|
height: 34rpx;
|
||||||
|
margin-right: 10rpx;
|
||||||
|
}
|
||||||
100
packages/localLife/pay/index.vue
Normal file
100
packages/localLife/pay/index.vue
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="header" :style="{ paddingTop: top + 'px', height: localHeight + 'px' }">
|
||||||
|
<u-icon bold color="#000" size="40" name="arrow-left" @click="back"></u-icon>
|
||||||
|
</div>
|
||||||
|
<div class="Tit">
|
||||||
|
向 <span>七个2锁城</span> 付款
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg">
|
||||||
|
<div class="payMony">
|
||||||
|
￥<input type="text" placeholder="付款金额" placeholder-style="font-size: 50rpx;">
|
||||||
|
</div>
|
||||||
|
<div class="payRemark">
|
||||||
|
<input type="text" placeholder="付款备注">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg2">
|
||||||
|
<div class="Msg2_tit">
|
||||||
|
<div class="Msg2_tit_left">获得物业公积金</div>
|
||||||
|
<div class="Msg2_tit_right">
|
||||||
|
绑定房源
|
||||||
|
<u-icon name="arrow-right" color="#999999" size="28"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg2_con">
|
||||||
|
<div class="Msg2_con_left">
|
||||||
|
￥ <span>53.1</span>
|
||||||
|
</div>
|
||||||
|
<div class="Msg2_con_right">
|
||||||
|
惠生活42#2单元2层202号
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="Msg3">
|
||||||
|
<div class="Msg3_tit">获得积分</div>
|
||||||
|
<div class="Msg3_con">966</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn">确认支付</div>
|
||||||
|
|
||||||
|
<div class="btnList">
|
||||||
|
<div class="btnItem">付款记录</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="btnItem">物业费公积金</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="btnItem">首页</div>
|
||||||
|
<div class="btnItem2">
|
||||||
|
<image src="http://192.168.0.172:5500/local_qrcode.png" mode="aspectFill"></image>
|
||||||
|
本页二维码
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
76
packages/localLife/payInfo/index.css
Normal file
76
packages/localLife/payInfo/index.css
Normal file
@ -0,0 +1,76 @@
|
|||||||
|
page {
|
||||||
|
background-color: #f6f7fb;
|
||||||
|
padding-bottom: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.payInfoList {
|
||||||
|
width: 710rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 24rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.PayInfoItem {
|
||||||
|
background-color: #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
width: 100%;
|
||||||
|
padding: 20rpx 20rpx 35rpx;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 13rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_label {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_con {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row_label2 {
|
||||||
|
font-size: 24rpx;
|
||||||
|
color: #999999;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 100%;
|
||||||
|
height: 1rpx;
|
||||||
|
background-color: #EBEBEB;
|
||||||
|
margin-top: 17rpx;
|
||||||
|
margin-bottom: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.row2{
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
margin-bottom: 20rpx;
|
||||||
|
}
|
||||||
|
.con3 {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #222222;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
.row3{
|
||||||
|
padding: 30rpx 0;
|
||||||
|
padding-top: 10rpx;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
96
packages/localLife/payInfo/index.vue
Normal file
96
packages/localLife/payInfo/index.vue
Normal file
@ -0,0 +1,96 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="payInfoList">
|
||||||
|
<div class="PayInfoItem">
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label">付款金额</div>
|
||||||
|
<div class="row_con">￥53.1</div>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<div class="row_label2">2025-06-06 18:10:08</div>
|
||||||
|
<div class="row_label2">Adapay微信小程序支付</div>
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
|
||||||
|
<div class="row2">
|
||||||
|
<div class="label">订单号</div>
|
||||||
|
<div class="con3">6354245654125654</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row2">
|
||||||
|
<div class="label">消费门店</div>
|
||||||
|
<div class="con3">真彩图文</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row2">
|
||||||
|
<div class="label">当前状态</div>
|
||||||
|
<div class="con3">已支付</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="line"></div>
|
||||||
|
|
||||||
|
<div class="row3">
|
||||||
|
<div class="label">返物业费</div>
|
||||||
|
<div class="con3" @click="houseProvident">￥53.1
|
||||||
|
<u-icon name="arrow-right" color="#999999" size="40" style="max-lines: 10rpx;"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="row" >
|
||||||
|
<div class="label">返会员积分</div>
|
||||||
|
<div class="con3" @click="points">3
|
||||||
|
<u-icon name="arrow-right" color="#999999" size="40" style="max-lines: 10rpx;"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
houseProvident(){
|
||||||
|
NavgateTo("../houseProvident/index")
|
||||||
|
},
|
||||||
|
points(){
|
||||||
|
NavgateTo("../points/index")
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
91
packages/localLife/paySucess/index.css
Normal file
91
packages/localLife/paySucess/index.css
Normal file
@ -0,0 +1,91 @@
|
|||||||
|
page {
|
||||||
|
background-color: #F6F7FB;
|
||||||
|
padding-bottom: 0;
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
|
||||||
|
image {
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sucessImg {
|
||||||
|
width: 192rpx;
|
||||||
|
height: 192rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 40rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text1 {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #222222;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text2 {
|
||||||
|
font-size: 50rpx;
|
||||||
|
color: #222222;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
margin-top: 30rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.text2 span {
|
||||||
|
font-size: 70rpx;
|
||||||
|
color: #222222;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.msg {
|
||||||
|
width: 710rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 70rpx;
|
||||||
|
padding: 0 20rpx;
|
||||||
|
box-sizing: border-box;
|
||||||
|
background-color: #fff;
|
||||||
|
border-radius: 20rpx 20rpx 20rpx 20rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msgItem {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 30rpx 0 35rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.msgItem_left {
|
||||||
|
font-size: 28rpx;
|
||||||
|
color: #999999;
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.msgItem_right {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FF370B;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line {
|
||||||
|
width: 670rpx;
|
||||||
|
height: 1rpx;
|
||||||
|
background-color: #EBEBEB;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
font-size: 36rpx;
|
||||||
|
color: #FFFFFF;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 600rpx;
|
||||||
|
height: 90rpx;
|
||||||
|
background: linear-gradient(91deg, #FF7658 0%, #FF370B 100%);
|
||||||
|
border-radius: 100rpx 100rpx 100rpx 100rpx;
|
||||||
|
margin: 0 auto;
|
||||||
|
margin-top: 64rpx;
|
||||||
|
}
|
||||||
74
packages/localLife/paySucess/index.vue
Normal file
74
packages/localLife/paySucess/index.vue
Normal file
@ -0,0 +1,74 @@
|
|||||||
|
<template>
|
||||||
|
<div class="container">
|
||||||
|
<div class="sucessImg">
|
||||||
|
<image src="http://192.168.0.172:5500/local_sucess.png" mode="aspectFill"></image>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="text1">支付成功</div>
|
||||||
|
<div class="text2">￥ <span>966</span></div>
|
||||||
|
|
||||||
|
<div class="msg">
|
||||||
|
<div class="msgItem">
|
||||||
|
<div class="msgItem_left">获得物业公积金</div>
|
||||||
|
<div class="msgItem_right">
|
||||||
|
￥53.1
|
||||||
|
<u-icon name="arrow-right" color="#999999" size="40" style="max-lines: 10rpx;"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="line"></div>
|
||||||
|
<div class="msgItem">
|
||||||
|
<div class="msgItem_left">积分已到账</div>
|
||||||
|
<div class="msgItem_right">
|
||||||
|
996
|
||||||
|
<u-icon name="arrow-right" color="#999999" size="40" style="max-lines: 10rpx;"></u-icon>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="btn">确认</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
request,
|
||||||
|
picUrl,
|
||||||
|
uniqueByField,
|
||||||
|
menuButtonInfo,
|
||||||
|
NavgateTo
|
||||||
|
} from '../../../utils';
|
||||||
|
|
||||||
|
import {
|
||||||
|
apiArr
|
||||||
|
} from '../../../api/v2local';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
picUrl,
|
||||||
|
top: "",
|
||||||
|
localHeight: "",
|
||||||
|
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(options) {
|
||||||
|
const meun = menuButtonInfo();
|
||||||
|
this.top = meun.top;
|
||||||
|
this.localHeight = meun.height;
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
|
||||||
|
},
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
@import url("./index.css");
|
||||||
|
</style>
|
||||||
52
pages.json
52
pages.json
@ -421,12 +421,64 @@
|
|||||||
"navigationBarBackgroundColor": "#fff"
|
"navigationBarBackgroundColor": "#fff"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
"path": "comment/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "本地生活",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
},
|
||||||
{
|
{
|
||||||
"path": "detail/index",
|
"path": "detail/index",
|
||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"navigationBarBackgroundColor": "#fff"
|
"navigationBarBackgroundColor": "#fff"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "UserComment/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pay/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "payInfo/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "快捷支付记录",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "paySucess/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationBarBackgroundColor": "#f6f7fb"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "houseProvident/index",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "Points/index",
|
||||||
|
"style": {
|
||||||
|
"navigationStyle": "custom",
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"navigationBarBackgroundColor": "#fff"
|
||||||
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|||||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
9
unpackage/dist/dev/mp-weixin/app.json
vendored
9
unpackage/dist/dev/mp-weixin/app.json
vendored
@ -113,7 +113,14 @@
|
|||||||
"pages": [
|
"pages": [
|
||||||
"index/index",
|
"index/index",
|
||||||
"shopList/index",
|
"shopList/index",
|
||||||
"detail/index"
|
"comment/index",
|
||||||
|
"detail/index",
|
||||||
|
"UserComment/index",
|
||||||
|
"pay/index",
|
||||||
|
"payInfo/index",
|
||||||
|
"paySucess/index",
|
||||||
|
"houseProvident/index",
|
||||||
|
"Points/index"
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
|
|||||||
143
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
143
unpackage/dist/dev/mp-weixin/common/vendor.js
vendored
@ -19342,7 +19342,7 @@ var _interopRequireDefault = __webpack_require__(/*! @babel/runtime/helpers/inte
|
|||||||
Object.defineProperty(exports, "__esModule", {
|
Object.defineProperty(exports, "__esModule", {
|
||||||
value: true
|
value: true
|
||||||
});
|
});
|
||||||
exports.upload = exports.uniqueByField = exports.request = exports.picUrl = exports.menuButtonInfo = exports.isPhone = exports.getProviderPromise = exports.floatCalculate = exports.NavgateTo = void 0;
|
exports.uploadVideo = exports.upload = exports.uniqueByField = exports.request = exports.picUrl = exports.menuButtonInfo = exports.isPhone = exports.getProviderPromise = exports.floatCalculate = exports.NavgateTo = void 0;
|
||||||
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ 11));
|
var _defineProperty2 = _interopRequireDefault(__webpack_require__(/*! @babel/runtime/helpers/defineProperty */ 11));
|
||||||
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
||||||
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
||||||
@ -19572,6 +19572,10 @@ var floatCalculate = function floatCalculate(num1, num2, operator) {
|
|||||||
*/
|
*/
|
||||||
exports.floatCalculate = floatCalculate;
|
exports.floatCalculate = floatCalculate;
|
||||||
var upload = function upload(filename, fn) {
|
var upload = function upload(filename, fn) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '上传中',
|
||||||
|
mask: true
|
||||||
|
});
|
||||||
uni.uploadFile({
|
uni.uploadFile({
|
||||||
url: RequsetUrl + '/api/v1/public/upload-image',
|
url: RequsetUrl + '/api/v1/public/upload-image',
|
||||||
filePath: filename,
|
filePath: filename,
|
||||||
@ -19580,9 +19584,11 @@ var upload = function upload(filename, fn) {
|
|||||||
'uid': uni.getStorageSync('uid')
|
'uid': uni.getStorageSync('uid')
|
||||||
},
|
},
|
||||||
success: function success(f) {
|
success: function success(f) {
|
||||||
fn(f.data);
|
uni.hideLoading();
|
||||||
|
fn(JSON.parse(f.data));
|
||||||
},
|
},
|
||||||
fail: function fail(res) {
|
fail: function fail(res) {
|
||||||
|
uni.hideLoading();
|
||||||
console.log(res);
|
console.log(res);
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '上传文件失败',
|
title: '上传文件失败',
|
||||||
@ -19593,8 +19599,41 @@ var upload = function upload(filename, fn) {
|
|||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
//
|
/**
|
||||||
|
* 视频上传
|
||||||
|
* @param {string} filename - 图片上传地址
|
||||||
|
* @param {Function} fn - 接口回调函数
|
||||||
|
*/
|
||||||
exports.upload = upload;
|
exports.upload = upload;
|
||||||
|
var uploadVideo = function uploadVideo(filename, fn) {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '上传中',
|
||||||
|
mask: true
|
||||||
|
});
|
||||||
|
uni.uploadFile({
|
||||||
|
url: RequsetUrl + '/api/v1/public/upload-video',
|
||||||
|
filePath: filename,
|
||||||
|
name: 'file',
|
||||||
|
formData: {
|
||||||
|
'uid': uni.getStorageSync('uid')
|
||||||
|
},
|
||||||
|
success: function success(f) {
|
||||||
|
uni.hideLoading();
|
||||||
|
fn(JSON.parse(f.data));
|
||||||
|
},
|
||||||
|
fail: function fail(res) {
|
||||||
|
uni.hideLoading();
|
||||||
|
console.log(res);
|
||||||
|
uni.showToast({
|
||||||
|
title: '上传文件失败',
|
||||||
|
icon: 'none'
|
||||||
|
});
|
||||||
|
},
|
||||||
|
complete: function complete() {}
|
||||||
|
});
|
||||||
|
};
|
||||||
|
//
|
||||||
|
exports.uploadVideo = uploadVideo;
|
||||||
var menuButtonInfo = function menuButtonInfo() {
|
var menuButtonInfo = function menuButtonInfo() {
|
||||||
var systemInfo = uni.getSystemInfoSync();
|
var systemInfo = uni.getSystemInfoSync();
|
||||||
var platform = systemInfo.platform;
|
var platform = systemInfo.platform;
|
||||||
@ -23371,6 +23410,104 @@ var _default = {
|
|||||||
exports.default = _default;
|
exports.default = _default;
|
||||||
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
|
/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(/*! ./node_modules/@dcloudio/uni-mp-weixin/dist/index.js */ 2)["default"]))
|
||||||
|
|
||||||
|
/***/ }),
|
||||||
|
/* 776 */,
|
||||||
|
/* 777 */,
|
||||||
|
/* 778 */,
|
||||||
|
/* 779 */,
|
||||||
|
/* 780 */,
|
||||||
|
/* 781 */,
|
||||||
|
/* 782 */,
|
||||||
|
/* 783 */,
|
||||||
|
/* 784 */,
|
||||||
|
/* 785 */,
|
||||||
|
/* 786 */,
|
||||||
|
/* 787 */,
|
||||||
|
/* 788 */,
|
||||||
|
/* 789 */,
|
||||||
|
/* 790 */,
|
||||||
|
/* 791 */,
|
||||||
|
/* 792 */,
|
||||||
|
/* 793 */,
|
||||||
|
/* 794 */,
|
||||||
|
/* 795 */,
|
||||||
|
/* 796 */,
|
||||||
|
/* 797 */,
|
||||||
|
/* 798 */,
|
||||||
|
/* 799 */,
|
||||||
|
/* 800 */,
|
||||||
|
/* 801 */,
|
||||||
|
/* 802 */,
|
||||||
|
/* 803 */,
|
||||||
|
/* 804 */,
|
||||||
|
/* 805 */,
|
||||||
|
/* 806 */,
|
||||||
|
/* 807 */,
|
||||||
|
/* 808 */,
|
||||||
|
/* 809 */,
|
||||||
|
/* 810 */,
|
||||||
|
/* 811 */,
|
||||||
|
/* 812 */,
|
||||||
|
/* 813 */,
|
||||||
|
/* 814 */,
|
||||||
|
/* 815 */,
|
||||||
|
/* 816 */,
|
||||||
|
/* 817 */,
|
||||||
|
/* 818 */,
|
||||||
|
/* 819 */,
|
||||||
|
/* 820 */,
|
||||||
|
/* 821 */,
|
||||||
|
/* 822 */,
|
||||||
|
/* 823 */,
|
||||||
|
/* 824 */,
|
||||||
|
/* 825 */,
|
||||||
|
/* 826 */,
|
||||||
|
/* 827 */,
|
||||||
|
/* 828 */,
|
||||||
|
/* 829 */,
|
||||||
|
/* 830 */,
|
||||||
|
/* 831 */,
|
||||||
|
/* 832 */,
|
||||||
|
/* 833 */,
|
||||||
|
/* 834 */,
|
||||||
|
/* 835 */,
|
||||||
|
/* 836 */,
|
||||||
|
/* 837 */,
|
||||||
|
/* 838 */,
|
||||||
|
/* 839 */,
|
||||||
|
/* 840 */,
|
||||||
|
/* 841 */,
|
||||||
|
/* 842 */,
|
||||||
|
/* 843 */,
|
||||||
|
/* 844 */,
|
||||||
|
/* 845 */,
|
||||||
|
/* 846 */,
|
||||||
|
/* 847 */,
|
||||||
|
/* 848 */,
|
||||||
|
/* 849 */,
|
||||||
|
/* 850 */,
|
||||||
|
/* 851 */,
|
||||||
|
/* 852 */,
|
||||||
|
/* 853 */,
|
||||||
|
/* 854 */
|
||||||
|
/*!*********************************************!*\
|
||||||
|
!*** D:/project/uniapp-ZHSQ/api/v2local.js ***!
|
||||||
|
\*********************************************/
|
||||||
|
/*! no static exports found */
|
||||||
|
/***/ (function(module, exports, __webpack_require__) {
|
||||||
|
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", {
|
||||||
|
value: true
|
||||||
|
});
|
||||||
|
exports.apiArr = void 0;
|
||||||
|
var apiArr = {
|
||||||
|
getMerChantList: "/api/v2/wechat/merchant-cate-crud/list" //商家分类
|
||||||
|
};
|
||||||
|
exports.apiArr = apiArr;
|
||||||
|
|
||||||
/***/ })
|
/***/ })
|
||||||
]]);
|
]]);
|
||||||
//# sourceMappingURL=../../.sourcemap/mp-weixin/common/vendor.js.map
|
//# sourceMappingURL=../../.sourcemap/mp-weixin/common/vendor.js.map
|
||||||
@ -101,10 +101,17 @@ var components
|
|||||||
try {
|
try {
|
||||||
components = {
|
components = {
|
||||||
uGrid: function () {
|
uGrid: function () {
|
||||||
|
<<<<<<< HEAD
|
||||||
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-grid/u-grid */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-grid/u-grid")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-grid/u-grid.vue */ 607))
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-grid/u-grid */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-grid/u-grid")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-grid/u-grid.vue */ 607))
|
||||||
},
|
},
|
||||||
uGridItem: function () {
|
uGridItem: function () {
|
||||||
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-grid-item/u-grid-item */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-grid-item/u-grid-item")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-grid-item/u-grid-item.vue */ 615))
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-grid-item/u-grid-item */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-grid-item/u-grid-item")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-grid-item/u-grid-item.vue */ 615))
|
||||||
|
=======
|
||||||
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-grid/u-grid */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-grid/u-grid")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-grid/u-grid.vue */ 648))
|
||||||
|
},
|
||||||
|
uGridItem: function () {
|
||||||
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-grid-item/u-grid-item */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-grid-item/u-grid-item")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-grid-item/u-grid-item.vue */ 656))
|
||||||
|
>>>>>>> f6329d14ab40ce025b715d0cdd0abb8da1f8a763
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
@ -181,7 +188,11 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|||||||
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
||||||
var nav = function nav() {
|
var nav = function nav() {
|
||||||
__webpack_require__.e(/*! require.ensure | components/nav/nav */ "components/nav/nav").then((function () {
|
__webpack_require__.e(/*! require.ensure | components/nav/nav */ "components/nav/nav").then((function () {
|
||||||
|
<<<<<<< HEAD
|
||||||
return resolve(__webpack_require__(/*! ../../components/nav/nav */ 623));
|
return resolve(__webpack_require__(/*! ../../components/nav/nav */ 623));
|
||||||
|
=======
|
||||||
|
return resolve(__webpack_require__(/*! ../../components/nav/nav */ 664));
|
||||||
|
>>>>>>> f6329d14ab40ce025b715d0cdd0abb8da1f8a763
|
||||||
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
|
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
|
||||||
};
|
};
|
||||||
//1.导入组件
|
//1.导入组件
|
||||||
|
|||||||
@ -8,8 +8,27 @@
|
|||||||
"miniprogram": {
|
"miniprogram": {
|
||||||
"list": [
|
"list": [
|
||||||
{
|
{
|
||||||
|
<<<<<<< HEAD
|
||||||
"name": "packages/workOrderDashboard/index/index",
|
"name": "packages/workOrderDashboard/index/index",
|
||||||
"pathName": "packages/workOrderDashboard/index/index",
|
"pathName": "packages/workOrderDashboard/index/index",
|
||||||
|
=======
|
||||||
|
"name": "packages/localLife/houseProvident/index",
|
||||||
|
"pathName": "packages/localLife/Points/index",
|
||||||
|
"query": "",
|
||||||
|
"launchMode": "default",
|
||||||
|
"scene": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "packages/localLife/payInfo/index",
|
||||||
|
"pathName": "packages/localLife/payInfo/index",
|
||||||
|
"query": "",
|
||||||
|
"launchMode": "default",
|
||||||
|
"scene": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"name": "packages/localLife/paySucess/index",
|
||||||
|
"pathName": "packages/localLife/paySucess/index",
|
||||||
|
>>>>>>> f6329d14ab40ce025b715d0cdd0abb8da1f8a763
|
||||||
"query": "",
|
"query": "",
|
||||||
"scene": null,
|
"scene": null,
|
||||||
"launchMode": "default"
|
"launchMode": "default"
|
||||||
|
|||||||
@ -101,6 +101,7 @@ var components
|
|||||||
try {
|
try {
|
||||||
components = {
|
components = {
|
||||||
uEmpty: function () {
|
uEmpty: function () {
|
||||||
|
<<<<<<< HEAD
|
||||||
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-empty/u-empty */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-empty/u-empty")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-empty/u-empty.vue */ 663))
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-empty/u-empty */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-empty/u-empty")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-empty/u-empty.vue */ 663))
|
||||||
},
|
},
|
||||||
dropdown: function () {
|
dropdown: function () {
|
||||||
@ -108,6 +109,15 @@ try {
|
|||||||
},
|
},
|
||||||
uPopup: function () {
|
uPopup: function () {
|
||||||
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-popup/u-popup */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-popup/u-popup")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-popup/u-popup.vue */ 638))
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-popup/u-popup */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-popup/u-popup")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-popup/u-popup.vue */ 638))
|
||||||
|
=======
|
||||||
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-empty/u-empty */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-empty/u-empty")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-empty/u-empty.vue */ 704))
|
||||||
|
},
|
||||||
|
dropdown: function () {
|
||||||
|
return __webpack_require__.e(/*! import() | components/dropdown/dropdown */ "components/dropdown/dropdown").then(__webpack_require__.bind(null, /*! @/components/dropdown/dropdown.vue */ 712))
|
||||||
|
},
|
||||||
|
uPopup: function () {
|
||||||
|
return Promise.all(/*! import() | uni_modules/uview-ui/components/u-popup/u-popup */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uview-ui/components/u-popup/u-popup")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uview-ui/components/u-popup/u-popup.vue */ 679))
|
||||||
|
>>>>>>> f6329d14ab40ce025b715d0cdd0abb8da1f8a763
|
||||||
},
|
},
|
||||||
}
|
}
|
||||||
} catch (e) {
|
} catch (e) {
|
||||||
|
|||||||
@ -215,6 +215,11 @@ export const floatCalculate = (num1, num2, operator) => {
|
|||||||
* @param {Function} fn - 接口回调函数
|
* @param {Function} fn - 接口回调函数
|
||||||
*/
|
*/
|
||||||
export const upload = (filename, fn) => {
|
export const upload = (filename, fn) => {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '上传中',
|
||||||
|
mask: true
|
||||||
|
})
|
||||||
|
|
||||||
uni.uploadFile({
|
uni.uploadFile({
|
||||||
url: RequsetUrl + '/api/v1/public/upload-image',
|
url: RequsetUrl + '/api/v1/public/upload-image',
|
||||||
filePath: filename,
|
filePath: filename,
|
||||||
@ -223,9 +228,11 @@ export const upload = (filename, fn) => {
|
|||||||
'uid': uni.getStorageSync('uid'),
|
'uid': uni.getStorageSync('uid'),
|
||||||
},
|
},
|
||||||
success: (f) => {
|
success: (f) => {
|
||||||
fn(f.data);
|
uni.hideLoading();
|
||||||
|
fn(JSON.parse(f.data));
|
||||||
},
|
},
|
||||||
fail: (res) => {
|
fail: (res) => {
|
||||||
|
uni.hideLoading();
|
||||||
console.log(res);
|
console.log(res);
|
||||||
uni.showToast({
|
uni.showToast({
|
||||||
title: '上传文件失败',
|
title: '上传文件失败',
|
||||||
@ -236,6 +243,39 @@ export const upload = (filename, fn) => {
|
|||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/**
|
||||||
|
* 视频上传
|
||||||
|
* @param {string} filename - 图片上传地址
|
||||||
|
* @param {Function} fn - 接口回调函数
|
||||||
|
*/
|
||||||
|
export const uploadVideo = (filename, fn) => {
|
||||||
|
uni.showLoading({
|
||||||
|
title: '上传中',
|
||||||
|
mask: true
|
||||||
|
})
|
||||||
|
uni.uploadFile({
|
||||||
|
url: RequsetUrl + '/api/v1/public/upload-video',
|
||||||
|
filePath: filename,
|
||||||
|
name: 'file',
|
||||||
|
formData: {
|
||||||
|
'uid': uni.getStorageSync('uid'),
|
||||||
|
},
|
||||||
|
success: (f) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
fn(JSON.parse(f.data));
|
||||||
|
},
|
||||||
|
fail: (res) => {
|
||||||
|
uni.hideLoading();
|
||||||
|
console.log(res);
|
||||||
|
uni.showToast({
|
||||||
|
title: '上传文件失败',
|
||||||
|
icon: 'none'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
complete: () => {}
|
||||||
|
});
|
||||||
|
}
|
||||||
//
|
//
|
||||||
export const menuButtonInfo = () => {
|
export const menuButtonInfo = () => {
|
||||||
const systemInfo = uni.getSystemInfoSync();
|
const systemInfo = uni.getSystemInfoSync();
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user