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 {
|
||||
background-color: #f6f7fb;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.local {
|
||||
@ -12,11 +12,307 @@ page {
|
||||
width: 100%;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
#local {
|
||||
height: 30rpx;
|
||||
width: 28.08rpx;
|
||||
margin-right: 17rpx;
|
||||
}
|
||||
|
||||
.u-icon {
|
||||
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;
|
||||
}
|
||||
@ -5,6 +5,95 @@
|
||||
桃城苑小区西北50米(育才南大街)
|
||||
<u-icon name="arrow-down" color="#999999" size="28"></u-icon>
|
||||
</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>
|
||||
</template>
|
||||
|
||||
@ -17,7 +106,7 @@ import {
|
||||
NavgateTo
|
||||
} from '../../../utils';
|
||||
|
||||
import { apiArr } from '../../../api/v2Community';
|
||||
import { apiArr } from '../../../api/v2local';
|
||||
|
||||
|
||||
export default {
|
||||
@ -26,6 +115,10 @@ export default {
|
||||
picUrl,
|
||||
top: "",
|
||||
localHeight: "",
|
||||
swiperList: [
|
||||
],
|
||||
currentIndex: 0,
|
||||
checkedItems: [false, false, false, false]
|
||||
|
||||
}
|
||||
},
|
||||
@ -34,11 +127,31 @@ export default {
|
||||
this.top = meun.top;
|
||||
// this.top = meun.height + meun.top;
|
||||
this.localHeight = meun.height;
|
||||
this.getCateList();
|
||||
},
|
||||
|
||||
|
||||
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"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "comment/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "本地生活",
|
||||
"navigationBarBackgroundColor": "#fff"
|
||||
}
|
||||
},
|
||||
{
|
||||
"path": "detail/index",
|
||||
"style": {
|
||||
"navigationBarTitleText": "",
|
||||
"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": [
|
||||
"index/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", {
|
||||
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));
|
||||
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; }
|
||||
@ -19572,6 +19572,10 @@ var floatCalculate = function floatCalculate(num1, num2, operator) {
|
||||
*/
|
||||
exports.floatCalculate = floatCalculate;
|
||||
var upload = function upload(filename, fn) {
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
});
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + '/api/v1/public/upload-image',
|
||||
filePath: filename,
|
||||
@ -19580,9 +19584,11 @@ var upload = function upload(filename, fn) {
|
||||
'uid': uni.getStorageSync('uid')
|
||||
},
|
||||
success: function success(f) {
|
||||
fn(f.data);
|
||||
uni.hideLoading();
|
||||
fn(JSON.parse(f.data));
|
||||
},
|
||||
fail: function fail(res) {
|
||||
uni.hideLoading();
|
||||
console.log(res);
|
||||
uni.showToast({
|
||||
title: '上传文件失败',
|
||||
@ -19593,8 +19599,41 @@ var upload = function upload(filename, fn) {
|
||||
});
|
||||
};
|
||||
|
||||
//
|
||||
/**
|
||||
* 视频上传
|
||||
* @param {string} filename - 图片上传地址
|
||||
* @param {Function} fn - 接口回调函数
|
||||
*/
|
||||
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 systemInfo = uni.getSystemInfoSync();
|
||||
var platform = systemInfo.platform;
|
||||
@ -23371,6 +23410,104 @@ var _default = {
|
||||
exports.default = _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
|
||||
@ -101,10 +101,17 @@ var components
|
||||
try {
|
||||
components = {
|
||||
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))
|
||||
},
|
||||
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/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) {
|
||||
@ -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; }
|
||||
var nav = function nav() {
|
||||
__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 */ 664));
|
||||
>>>>>>> f6329d14ab40ce025b715d0cdd0abb8da1f8a763
|
||||
}).bind(null, __webpack_require__)).catch(__webpack_require__.oe);
|
||||
};
|
||||
//1.导入组件
|
||||
|
||||
@ -8,8 +8,27 @@
|
||||
"miniprogram": {
|
||||
"list": [
|
||||
{
|
||||
<<<<<<< HEAD
|
||||
"name": "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": "",
|
||||
"scene": null,
|
||||
"launchMode": "default"
|
||||
|
||||
@ -101,6 +101,7 @@ var components
|
||||
try {
|
||||
components = {
|
||||
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))
|
||||
},
|
||||
dropdown: function () {
|
||||
@ -108,6 +109,15 @@ try {
|
||||
},
|
||||
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-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) {
|
||||
|
||||
@ -215,6 +215,11 @@ export const floatCalculate = (num1, num2, operator) => {
|
||||
* @param {Function} fn - 接口回调函数
|
||||
*/
|
||||
export const upload = (filename, fn) => {
|
||||
uni.showLoading({
|
||||
title: '上传中',
|
||||
mask: true
|
||||
})
|
||||
|
||||
uni.uploadFile({
|
||||
url: RequsetUrl + '/api/v1/public/upload-image',
|
||||
filePath: filename,
|
||||
@ -223,9 +228,11 @@ export const upload = (filename, fn) => {
|
||||
'uid': uni.getStorageSync('uid'),
|
||||
},
|
||||
success: (f) => {
|
||||
fn(f.data);
|
||||
uni.hideLoading();
|
||||
fn(JSON.parse(f.data));
|
||||
},
|
||||
fail: (res) => {
|
||||
uni.hideLoading();
|
||||
console.log(res);
|
||||
uni.showToast({
|
||||
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 = () => {
|
||||
const systemInfo = uni.getSystemInfoSync();
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user