123
2
App.vue
@@ -14,6 +14,8 @@
|
||||
},
|
||||
onLaunch: function() {
|
||||
|
||||
wx.hideTabBar()
|
||||
|
||||
const updateManager = uni.getUpdateManager();
|
||||
|
||||
updateManager.onCheckForUpdate(function(res) {
|
||||
|
||||
@@ -6,9 +6,9 @@
|
||||
* loginTimeoutPage = "/pages/login/index", // 登录超时或失效的情况下,跳转到的登录页面
|
||||
*/
|
||||
module.exports = {
|
||||
// baseUrl: 'http://192.168.2.106:7201', // 本地
|
||||
baseUrl: 'http://192.168.2.106:7211', // 本地
|
||||
// baseUrl: 'https://lpk.yyundong.com/lpkapi', // 测试服务器
|
||||
baseUrl: 'https://supervise.yxtsoft.com/lpkapi', // 正式服务器
|
||||
// baseUrl: 'https://supervise.yxtsoft.com/lpkapi', // 正式服务器
|
||||
tokenName: "Authorization", // 请求头中token的名字,与服务器端对应
|
||||
loginTimeoutCode: "5001", // 登录超时或失效的情况下,服务器端返回的错误码
|
||||
loginTimeoutPage: "/pages/login/index", // 登录超时或失效的情况下,跳转到的登录页面
|
||||
|
||||
@@ -69,4 +69,16 @@ export default {
|
||||
// 結算商品
|
||||
createOrder: (params = {}) => request.post("/empsreservoorder/createOrder", params),
|
||||
|
||||
|
||||
// 我的
|
||||
// 获取头像 昵称
|
||||
getUserInfo: (params = {}) => request.get("/lpkcustomer/customerInfo/"+params, params),
|
||||
// 修改头像
|
||||
uploadHandImage: (params = {}) => request.post("/lpkcustomer/uploadAvatar", params),
|
||||
// 获取默认提菜信息
|
||||
getStoreBySid: (params = {}) => request.get("/customerstore/getStoreBySid/"+params, params),
|
||||
// 推荐有礼
|
||||
myRecommend: (params = {}) => request.get("/appletgiftbag/recommendRecord/"+params, params),
|
||||
|
||||
|
||||
}
|
||||
50
custom-tab-bar/index.js
Normal file
@@ -0,0 +1,50 @@
|
||||
Component({
|
||||
data: {
|
||||
selected: 0,
|
||||
"color": "#FFEEE1",
|
||||
"selectedColor": "#FFFFFF",
|
||||
"backgroundColor": "#F69448",
|
||||
list: [
|
||||
{
|
||||
"pagePath": "/pages/home/cloudCard",
|
||||
"text": "补充菜窖",
|
||||
"iconPath": "/static/bomicon/bom_notCloudCard.png",
|
||||
"selectedIconPath": "/static/bomicon/bom_cloudCard.png"
|
||||
},
|
||||
{
|
||||
"pagePath": "/pages/home/pickUpCard",
|
||||
"text": "选菜窖",
|
||||
"iconPath": "/static/bomicon/bom_notPickUp.png",
|
||||
"selectedIconPath": "/static/bomicon/bom_pickUp.png"
|
||||
},
|
||||
{
|
||||
"pagePath": "/pages/home/recordList2",
|
||||
"text": "预约记录",
|
||||
"iconPath": "/static/bomicon/bom_notRecordNew.png",
|
||||
"selectedIconPath": "/static/bomicon/bom_recordNew.png"
|
||||
}
|
||||
,
|
||||
|
||||
// {
|
||||
// "pagePath": "/pages/home/myHome",
|
||||
// "text": "我的",
|
||||
// "iconPath": "/static/bomicon/bom_NotMy.png",
|
||||
// "selectedIconPath": "/static/bomicon/bom_my.png"
|
||||
// }
|
||||
|
||||
]
|
||||
},
|
||||
attached() {
|
||||
},
|
||||
methods: {
|
||||
switchTab(e) {
|
||||
const data = e.currentTarget.dataset
|
||||
const url = data.path
|
||||
// console.log("ssss0",data);
|
||||
wx.switchTab({url})
|
||||
// this.setData({
|
||||
// selected: data.index
|
||||
// })
|
||||
}
|
||||
}
|
||||
})
|
||||
3
custom-tab-bar/index.json
Normal file
@@ -0,0 +1,3 @@
|
||||
{
|
||||
"component": true
|
||||
}
|
||||
7
custom-tab-bar/index.wxml
Normal file
@@ -0,0 +1,7 @@
|
||||
<cover-view class="tab-bar">
|
||||
<cover-view class="tab-bar-border"></cover-view>
|
||||
<cover-view wx:for="{{list}}" wx:key="index" class="tab-bar-item" data-path="{{item.pagePath}}" data-index="{{index}}" bindtap="switchTab">
|
||||
<cover-image src="{{selected === index ? item.selectedIconPath : item.iconPath}}"></cover-image>
|
||||
<cover-view style="color: {{selected === index ? selectedColor : color}}">{{item.text}}</cover-view>
|
||||
</cover-view>
|
||||
</cover-view>
|
||||
46
custom-tab-bar/index.wxss
Normal file
@@ -0,0 +1,46 @@
|
||||
.tab-bar {
|
||||
pointer-events: auto;
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 50px;
|
||||
/* background: #F69448; */
|
||||
display: flex;
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
/* 加载背景图 */
|
||||
background-image: url(https://supervise.yxtsoft.com/lpk/image/bom_navigation.png);
|
||||
/* 让背景图基于容器大小伸缩 */
|
||||
background-size: 100% 100%;
|
||||
/* padding-bottom: env(safe-area-inset-bottom); */
|
||||
}
|
||||
|
||||
.tab-bar-border {
|
||||
background-color: rgba(246, 148, 72, 0.3);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 1px;
|
||||
transform: scaleY(0.5);
|
||||
}
|
||||
|
||||
.tab-bar-item {
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.tab-bar-item cover-image {
|
||||
width: 27px;
|
||||
height: 27px;
|
||||
}
|
||||
|
||||
.tab-bar-item cover-view {
|
||||
margin-top: 3px;
|
||||
font-size: 10px;
|
||||
}
|
||||
48
pages.json
@@ -258,6 +258,14 @@
|
||||
"backgroundColor": "#F8F8F8"
|
||||
}
|
||||
}
|
||||
,
|
||||
{
|
||||
"path" : "pages/home/myHome",
|
||||
"style": {
|
||||
"navigationStyle": "custom",
|
||||
"disableScroll":true
|
||||
}
|
||||
}
|
||||
|
||||
],
|
||||
"globalStyle": {
|
||||
@@ -267,42 +275,21 @@
|
||||
"backgroundColor": "#FE9039"
|
||||
},
|
||||
"tabBar": {
|
||||
"color": "#7A7E83",
|
||||
"custom": true, //自定义tabBar
|
||||
"color": "#FFEEE1",
|
||||
"selectedColor": "#191919",
|
||||
"borderStyle": "black",
|
||||
"backgroundColor": "#ffffff",
|
||||
"borderStyle": "white",
|
||||
"backgroundColor": "#F69448",
|
||||
"list": [
|
||||
// {
|
||||
// "pagePath": "pages/home/personCard",
|
||||
// "text": "个人卡",
|
||||
// "iconPath": "static/bomicon/bom_notPerson.png",
|
||||
// "selectedIconPath": "static/bomicon/bom_person.png"
|
||||
// }, {
|
||||
// "pagePath": "pages/home/giftCard",
|
||||
// "text": "福礼卡",
|
||||
// "iconPath": "static/bomicon/bom_notGift.png",
|
||||
// "selectedIconPath": "static/bomicon/bom_gift.png"
|
||||
// }, {
|
||||
// "pagePath": "pages/home/corporateCard",
|
||||
// "text": "企业卡",
|
||||
// "iconPath": "static/bomicon/bom_notCorporate.png",
|
||||
// "selectedIconPath": "static/bomicon/bom_corporate.png"
|
||||
// },
|
||||
// {
|
||||
// "pagePath": "pages/home/recordList",
|
||||
// "text": "预约记录",
|
||||
// "iconPath": "static/bomicon/bom_notRecordNew.png",
|
||||
// "selectedIconPath": "static/bomicon/bom_recordNew.png"
|
||||
// }
|
||||
{
|
||||
"pagePath": "pages/home/cloudCard",
|
||||
"text": "选菜窖",
|
||||
"text": "补充菜窖",
|
||||
"iconPath": "static/bomicon/bom_notCloudCard.png",
|
||||
"selectedIconPath": "static/bomicon/bom_cloudCard.png"
|
||||
},
|
||||
{
|
||||
"pagePath": "pages/home/pickUpCard",
|
||||
"text": "提菜卡",
|
||||
"text": "选菜窖",
|
||||
"iconPath": "static/bomicon/bom_notPickUp.png",
|
||||
"selectedIconPath": "static/bomicon/bom_pickUp.png"
|
||||
},
|
||||
@@ -312,6 +299,13 @@
|
||||
"iconPath": "static/bomicon/bom_notRecordNew.png",
|
||||
"selectedIconPath": "static/bomicon/bom_recordNew.png"
|
||||
}
|
||||
// {
|
||||
// "pagePath": "pages/home/myHome",
|
||||
// "text": "我的",
|
||||
// "iconPath": "static/bomicon/bom_NotMy.png",
|
||||
// "selectedIconPath": "static/bomicon/bom_my.png"
|
||||
// }
|
||||
|
||||
]
|
||||
},
|
||||
"uniIdRouter": {}
|
||||
|
||||
@@ -95,7 +95,7 @@
|
||||
|
||||
<text
|
||||
style="background: #EE752F; text-align: center; color: #fff; border-radius: 5px;padding: 5px 20px; margin-right: 40px; "
|
||||
@click="settlement()">结算入窖</text>
|
||||
@click="settlement()">结算</text>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
@@ -114,7 +114,7 @@
|
||||
|
||||
<text
|
||||
style="background: #EE752F; text-align: center; color: #fff; border-radius: 5px;padding: 5px 20px; margin-right: 40px; "
|
||||
@click="settlement()">结算入窖</text>
|
||||
@click="settlement()">结算</text>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
@@ -153,6 +153,10 @@
|
||||
|
||||
<view style="display: flex;flex-direction: column;width: 100%;">
|
||||
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖序号:{{item.serialNumber}}</text>
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">分享时间:{{item.createTime}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖编码:{{item.code}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">提货密码:{{item.codeKey}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">备注说明:{{item.remarks}}</text>
|
||||
|
||||
@@ -33,8 +33,7 @@
|
||||
justify-content: space-between;">
|
||||
<text style="color: #fff;font-size: 18px;font-weight: 600;">{{data.pname}}</text>
|
||||
|
||||
<text
|
||||
style="background: #F1F2F3 ; border-radius: 25px;color: #ccc;padding: 3px 10px;">转赠亲友</text>
|
||||
<text style="background: #F1F2F3 ; border-radius: 25px;color: #ccc;padding: 3px 10px;">转赠亲友</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@@ -149,14 +148,17 @@
|
||||
|
||||
<view style="display: flex;flex-direction: column;width: 100%;">
|
||||
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖序号:{{item.serialNumber}}</text>
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">分享时间:{{item.createTime}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖编码:{{item.code}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">提货密码:{{item.codeKey}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">备注说明:{{item.remarks}}</text>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row;margin-top: 5px;align-items: center;justify-content: space-between;width: 100%;">
|
||||
<text
|
||||
style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
<text style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
|
||||
<button v-show="item.isShare=='1'" class='sharebtn' :data-info="item"
|
||||
open-type="share">分享窖</button>
|
||||
@@ -306,7 +308,6 @@
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
.canvas-code {
|
||||
width: 39vw !important;
|
||||
height: 39vw !important;
|
||||
|
||||
@@ -151,14 +151,17 @@
|
||||
|
||||
<view style="display: flex;flex-direction: column;width: 100%;">
|
||||
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖序号:{{item.serialNumber}}</text>
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">分享时间:{{item.createTime}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖编码:{{item.code}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">提货密码:{{item.codeKey}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">备注说明:{{item.remarks}}</text>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row;margin-top: 5px;align-items: center;justify-content: space-between;width: 100%;">
|
||||
<text style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">-
|
||||
{{item.goods}}</text>
|
||||
<text style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
|
||||
<button v-show="item.isShare=='1'" class='sharebtn' :data-info="item"
|
||||
open-type="share">分享窖</button>
|
||||
|
||||
@@ -33,8 +33,7 @@
|
||||
justify-content: space-between;">
|
||||
<text style="color: #fff;font-size: 18px;font-weight: 600;">{{data.pname}}</text>
|
||||
|
||||
<text
|
||||
style="background: #F1F2F3 ; border-radius: 25px;color: #ccc;padding: 3px 10px;">转赠亲友</text>
|
||||
<text style="background: #F1F2F3 ; border-radius: 25px;color: #ccc;padding: 3px 10px;">转赠亲友</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
@@ -147,14 +146,17 @@
|
||||
|
||||
<view style="display: flex;flex-direction: column;width: 100%;">
|
||||
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖序号:{{item.serialNumber}}</text>
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">分享时间:{{item.createTime}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖编码:{{item.code}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">提货密码:{{item.codeKey}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">备注说明:{{item.remarks}}</text>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row;margin-top: 5px;align-items: center;justify-content: space-between;width: 100%;">
|
||||
<text
|
||||
style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
<text style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
|
||||
<button v-show="item.isShare=='1'" class='sharebtn' :data-info="item"
|
||||
open-type="share">分享窖</button>
|
||||
@@ -294,8 +296,7 @@
|
||||
|
||||
item.share = '2'
|
||||
|
||||
}).catch(e => {
|
||||
})
|
||||
}).catch(e => {})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@@ -151,6 +151,10 @@
|
||||
|
||||
<view style="display: flex;flex-direction: column;width: 100%;">
|
||||
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖序号:{{item.serialNumber}}</text>
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">分享时间:{{item.createTime}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖编码:{{item.code}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">提货密码:{{item.codeKey}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">备注说明:{{item.remarks}}</text>
|
||||
|
||||
@@ -30,11 +30,9 @@
|
||||
<view style="width: 50%; margin-left: 20vw;
|
||||
display: flex;flex-direction: row;margin-top: 9vw;position: absolute;z-index: 10;align-items: center;
|
||||
justify-content: space-between;">
|
||||
<text
|
||||
style="color: #fff;font-size: 18px;font-weight: 600;">{{data.pname}}</text>
|
||||
<text style="color: #fff;font-size: 18px;font-weight: 600;">{{data.pname}}</text>
|
||||
|
||||
<text
|
||||
style="background: #F1F2F3 ; border-radius: 25px;color: #ccc;padding: 3px 10px;">转赠亲友</text>
|
||||
<text style="background: #F1F2F3 ; border-radius: 25px;color: #ccc;padding: 3px 10px;">转赠亲友</text>
|
||||
</view>
|
||||
|
||||
|
||||
@@ -150,14 +148,17 @@
|
||||
|
||||
<view style="display: flex;flex-direction: column;width: 100%;">
|
||||
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖序号:{{item.serialNumber}}</text>
|
||||
<text
|
||||
style="font-size: 12px; color: #333;margin-top: 5px;">分享时间:{{item.createTime}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">亲情窖编码:{{item.code}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">提货密码:{{item.codeKey}}</text>
|
||||
<text style="font-size: 12px; color: #333;margin-top: 5px;">备注说明:{{item.remarks}}</text>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row;margin-top: 5px;align-items: center;justify-content: space-between;width: 100%;">
|
||||
<text
|
||||
style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
<text style="flex: 1;font-size: 12px; color: #A5A5A5; margin-right: 10px;">- {{item.goods}}</text>
|
||||
|
||||
<button v-show="item.isShare=='1'" class='sharebtn' :data-info="item"
|
||||
open-type="share">分享窖</button>
|
||||
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
|
||||
<view style="display: flex;flex-direction: column;height: 100#;">
|
||||
<view style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);">
|
||||
|
||||
<view class="top">
|
||||
<NavBar ref="nav" navTitle=" " :showIcon="false" :start-change-height="page.startHeight"
|
||||
@@ -108,10 +108,10 @@
|
||||
|
||||
<view slot="loadingMoreNoMore">
|
||||
<view style="display: flex;flex-direction: column;justify-content: center; align-items: center; margin-top: 20px; border-top: 2px #efefef solid;
|
||||
padding-top: 20px; margin-left:20px;margin-right: 20px;;">
|
||||
padding-top: 20px; margin-left:20px;margin-right: 20px;">
|
||||
<text style="color: #888888; font-size: 13px;">您也可以自由选菜,自建惠享云菜窖。</text>
|
||||
|
||||
<text style="color: #fff; font-size: 16px; font-weight: 600; font-family: sans-serif; background: #FCA45C; border-radius: 8px; padding: 10px 15px; margin-top: 15px;;" @click="optionalClick()">自建云菜窖</text>
|
||||
<text style="color: #fff; font-size: 16px; font-weight: 600; font-family: sans-serif; background: #FCA45C; border-radius: 8px; padding: 10px 15px; margin-top: 15px;;" @click="optionalClick()">补充菜窖</text>
|
||||
</view>
|
||||
<view style="height: 20px;"></view>
|
||||
</view>
|
||||
@@ -134,8 +134,11 @@
|
||||
'margin-top': '68vw',
|
||||
'border-top-left-radius': '25px',
|
||||
'border-top-right-radius': '25px',
|
||||
'border-bottom-left-radius': '25px',
|
||||
'border-bottom-right-radius': '25px',
|
||||
'background': '#fff',
|
||||
'padding-top': '10px',
|
||||
'margin-bottom':"60px"
|
||||
|
||||
},
|
||||
page: {
|
||||
@@ -152,6 +155,15 @@
|
||||
this.$refs.paging.reload(true);
|
||||
});
|
||||
},
|
||||
onShow(){
|
||||
if (typeof this.$mp.page.getTabBar === 'function' && this.$mp.page.getTabBar()) {
|
||||
this.$mp.page.getTabBar().setData({
|
||||
selected: 0
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
|
||||
onLoad() {
|
||||
|
||||
let info = uni.getSystemInfoSync();
|
||||
@@ -199,6 +211,7 @@
|
||||
</script>
|
||||
|
||||
<style>
|
||||
|
||||
._ellipsis {
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
485
pages/home/myHome.vue
Normal file
@@ -0,0 +1,485 @@
|
||||
<template>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: column; height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440); box-sizing: border-box;"
|
||||
id="page">
|
||||
|
||||
<view class="top">
|
||||
<NavBar ref="nav" navTitle=" " :showIcon="false" :start-change-height="page.startHeight"
|
||||
:end-change-height="page.endHeight">
|
||||
</NavBar>
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;
|
||||
margin-top: 25vw; margin-left: 8vw;">
|
||||
|
||||
<image style="width: 70px;height: 70px;border-radius: 50%;" :src="userInfo.photo" @click="showDiaLog">
|
||||
</image>
|
||||
|
||||
<view style="display: flex;flex-direction: column;margin-left: 10px;" v-if="userInfo.nick!=''">
|
||||
<text style="font-size: 16px;color: #fff;" @click="showDiaLog">{{userInfo.nick}}</text>
|
||||
<text style="font-size: 14px;color: #fff;">{{userInfo.mobile}}</text>
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: column;margin-left: 10px;" v-if="userInfo.nick==''">
|
||||
<text style="font-size: 16px;color: #fff;" @click="showDiaLog">绑定用户</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<view
|
||||
style="background: #fff;flex-flow: 1; height: calc(100vh - 50vw - 48px); width: 100%; margin-top: -18vw;border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;">
|
||||
|
||||
<scroll-view scroll-y="true"
|
||||
style=" height: 100%; width: 100%; padding-top: 10px;
|
||||
border-top-left-radius: 25px;border-top-right-radius: 25px;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;"
|
||||
bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll">
|
||||
|
||||
<view style=" display: flex;flex-direction: column;
|
||||
padding-top: 5vw;padding-left: 5vw;padding-right: 5vw;">
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;">
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: column; flex: 1;justify-content: center;align-items: center;">
|
||||
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/reservation_icon.png"
|
||||
style="width: 30px;height: 30px;"></image>
|
||||
<text style="margin-top: 5px;">预约记录</text>
|
||||
</view>
|
||||
<view
|
||||
style="display: flex;flex-direction: column; flex: 1;justify-content: center; align-items: center;">
|
||||
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/order_icon.png"
|
||||
style="width: 30px;height: 30px;"></image>
|
||||
<text style="margin-top: 5px;">订单</text>
|
||||
</view>
|
||||
<view
|
||||
style="display: flex;flex-direction: column; flex: 1;justify-content: center;align-items: center; ">
|
||||
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/forward_icon.png"
|
||||
style="width: 30px;height: 30px;"></image>
|
||||
<text style="margin-top: 5px;">转赠记录</text>
|
||||
</view>
|
||||
<view
|
||||
style="display: flex;flex-direction: column; flex: 1;justify-content: center;align-items: center; ">
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <loading-state ref="pageView" @request="request"> -->
|
||||
|
||||
<view v-if="banKInfo!=null" style="display: flex;flex-direction: column; margin-top: 15px;
|
||||
border-top: 2px #f3f3f3 solid;padding-top: 15px; margin-left: 4vw;margin-right: 4vw;">
|
||||
<view style="display: flex;flex-direction: row;align-items: center;" >
|
||||
<text style="flex: 1;">{{banKInfo.storeName}}</text>
|
||||
<text style="margin-left: 10px;margin-right: 5px;">变更</text>
|
||||
<image src="../../static/right_icon.png" style="width: 15px;height: 15px;"></image>
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 15px;">
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/date.png"
|
||||
style="width: 20px;height: 20px;"></image>
|
||||
<text style="margin-left: 5px;flex: 1;color: #ECAF4A;">营业时间:{{banKInfo.businessHours}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 10px;">
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/location.png"
|
||||
style="width: 20px;height: 20px;"></image>
|
||||
<text style="margin-left: 5px;flex: 1; color: #ECAF4A;">{{banKInfo.address}}</text>
|
||||
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 15px;">
|
||||
<text style="flex: 1;">提菜人</text>
|
||||
<text style="margin-left: 10px;margin-right: 5px;">{{banKInfo.name}}</text>
|
||||
<image src="../../static/right_icon.png" style="width: 15px;height: 15px;"></image>
|
||||
</view>
|
||||
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;margin-top: 10px;">
|
||||
<text style="flex: 1;">联系信息</text>
|
||||
<text style="margin-left: 10px;margin-right: 5px;">{{banKInfo.phone}}</text>
|
||||
<image src="../../static/right_icon.png" style="width: 15px;height: 15px;"></image>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: column;margin-top: 15px;margin-left: 4vw;margin-right: 4vw;
|
||||
border-top: 2px #f3f3f3 solid;padding-top: 15px;">
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;">
|
||||
<view style="display: flex;flex-direction: row;align-items: center; flex: 1;">
|
||||
<view style="background: #FF9D33; border-radius: 50%;width: 12px;height: 12px;"></view>
|
||||
<view style="background: #FFDAB2; border-radius: 50%;width: 12px;height: 12px;"></view>
|
||||
<text style="margin-left: 8px;font-size: 18px;color: #333;font-weight: 600;font-family: sans-serif;">推荐有礼</text>
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center;">
|
||||
<text style="margin-left: 10px;margin-right: 5px;">马上推荐</text>
|
||||
<image src="../../static/right_icon.png" style="width: 15px;height: 15px;"></image>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<text style="font-size: 12px;color: #4B4B4B; margin-top: 8px;">邀请新朋友后,您和您的朋友将获得“蔬菜品鉴礼包”。</text>
|
||||
|
||||
<view style="display: flex;flex-direction: row;align-items: center; ">
|
||||
|
||||
<image :src="recommend.iconUrl" style="width: 35%;height: 150px; border-radius: 10px;" mode="aspectFill">
|
||||
|
||||
</image>
|
||||
|
||||
<view style="display: flex;flex-direction: column; margin-left: 20px; ">
|
||||
<view v-for="(child,pos) in recommend.recordList" :key="pos"
|
||||
style="display: flex;flex-direction: column;">
|
||||
|
||||
<text style="color: #424242; font-size: 12px;line-height: 20px;">* {{child.content}}</text>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
<view style="height: 150px;"></view>
|
||||
|
||||
<!-- </loading-state> -->
|
||||
|
||||
</scroll-view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 弹窗蒙版 -->
|
||||
<view class="model" catchtouchmove='preventTouchMove' v-if='showModal' @click.stop="colseDialog()"></view>
|
||||
<view class="modalDlg" catchtouchmove='preventTouchMove' v-if='showModal'>
|
||||
|
||||
<view style="display:flex;flex-direction: column;justify-content: center;align-items: center;
|
||||
margin-top: 20px;">
|
||||
|
||||
<image src="../../static/logo_icon.png" style="width: 20vw;height: 20vw;"></image>
|
||||
<text style="margin-top: 10px;">汇融云菜窖</text>
|
||||
<text style="margin-top: 10px;">邀请补全您的个人信息</text>
|
||||
<text style="margin-top: 10px;">(头像、昵称)</text>
|
||||
|
||||
<view style="display: flex;flex-direction: column;
|
||||
margin-top: 20px;">
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;">
|
||||
|
||||
<text>头像</text>
|
||||
<image :src="dialogInfo.url"
|
||||
style="width: 40px; height: 40px; border-radius: 50%;background-color: #ccc;"></image>
|
||||
</view>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;">
|
||||
|
||||
<text>昵称</text>
|
||||
<input placeholder="请输入昵称"
|
||||
style="font-size: 30rpx;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 10px;"
|
||||
:value="dialogInfo.name" @input="onKeyInput1" />
|
||||
</view>
|
||||
|
||||
<view
|
||||
style="display: flex;flex-direction: row; justify-content: space-between;align-items: center;">
|
||||
|
||||
<text>手机号码</text>
|
||||
<input placeholder="请输入手机号码" type="number" maxlength="11"
|
||||
style="font-size: 30rpx;height: 40px;line-height: 40px;padding-left: 10px;padding-right: 10px;"
|
||||
:value="dialogInfo.mobile" @input="onKeyInput2" />
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
</view>
|
||||
|
||||
|
||||
<view style="display: flex;flex-direction: row;margin-top: 20px;">
|
||||
<button style="flex: 1;" class='btn1' @click="colseDialog()">取消</button>
|
||||
<button style="flex: 1;" class='btn2' open-type="chooseAvatar" @chooseavatar="onChooseAvatar"
|
||||
v-if="chooseAvatar">上传头像</button>
|
||||
<button style="flex: 1;" class='btn2' @click="saveDialog()" v-if="!chooseAvatar">确定</button>
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
|
||||
<!-- 弹窗蒙版 -->
|
||||
<view class="model" catchtouchmove='preventTouchMove' v-if='showModal2' @click.stop="colseDialog2()"></view>
|
||||
<view class="modalDlg" catchtouchmove='preventTouchMove' v-if='showModal2'>
|
||||
<view style="display:flex;flex-direction: column;justify-content: center;align-items: center;
|
||||
margin-top: 20px;">
|
||||
|
||||
<image src="../../static/logo.png" style="width: 20vw;height: 20vw;"></image>
|
||||
<text style="margin-top: 10px;">汇融云菜窖</text>
|
||||
<text style="margin-top: 10px;">申请获取您的手机号码</text>
|
||||
</view>
|
||||
|
||||
<view style="display: flex;flex-direction: row;margin-top: 20px;">
|
||||
<button style="flex: 1;" class='btn1' @click="colseDialog()">拒绝</button>
|
||||
<button style="flex: 1;" class='btn2' open-type="getPhoneNumber">允许</button>
|
||||
|
||||
</view>
|
||||
|
||||
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//引入bus
|
||||
import bus from '@/common/bus';
|
||||
import config from '@/common/config.js'
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
uploadAction: config.baseUrl + "/lpkcustomer/uploadfile",
|
||||
showModal: false,
|
||||
showModal2: false,
|
||||
chooseAvatar: true,
|
||||
page: {
|
||||
startHeight: 0,
|
||||
endHeight: 0
|
||||
},
|
||||
data: {},
|
||||
userInfo: {
|
||||
nick: "",
|
||||
mobile: "绑定手机号",
|
||||
photo: "../../static/userHead.png"
|
||||
},
|
||||
dialogInfo: {
|
||||
url: "../../static/userHead.png",
|
||||
name: "",
|
||||
mobile: ""
|
||||
},
|
||||
headImage: "",
|
||||
recommend:{},
|
||||
banKInfo:null
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (typeof this.$mp.page.getTabBar === 'function' && this.$mp.page.getTabBar()) {
|
||||
this.$mp.page.getTabBar().setData({
|
||||
selected: 2
|
||||
})
|
||||
|
||||
}
|
||||
this.getUserInfo()
|
||||
this.getStoreBySid()
|
||||
this.myRecommend()
|
||||
},
|
||||
onLoad(options) {
|
||||
// this.request()
|
||||
let info = uni.getSystemInfoSync();
|
||||
|
||||
this.page.startHeight = info.windowWidth * 0.6
|
||||
this.page.endHeight = info.windowWidth * 0.8
|
||||
},
|
||||
onPageScroll(res) {
|
||||
// 渐变
|
||||
this.$refs.nav.defaultColorBgAlpha(res)
|
||||
},
|
||||
methods: {
|
||||
getUserInfo() {
|
||||
let _this = this
|
||||
_this.$api.getUserInfo(getApp().globalData.sid).then((resp) => {
|
||||
|
||||
_this.userInfo = {
|
||||
nick: resp.nick,
|
||||
mobile: resp.mobile,
|
||||
photo: resp.photo
|
||||
}
|
||||
|
||||
_this.headImage = resp.data.photo
|
||||
|
||||
|
||||
}).catch(e => {
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
getStoreBySid(){
|
||||
let _this = this
|
||||
_this.$api.getStoreBySid(getApp().globalData.sid).then((resp) => {
|
||||
|
||||
_this.banKInfo = resp
|
||||
}).catch(e => {
|
||||
|
||||
})
|
||||
},
|
||||
myRecommend(){
|
||||
let _this = this
|
||||
_this.$api.myRecommend(getApp().globalData.sid).then((resp) => {
|
||||
|
||||
_this.recommend = resp
|
||||
|
||||
}).catch(e => {
|
||||
|
||||
})
|
||||
},
|
||||
showDiaLog() {
|
||||
this.showModal = true
|
||||
},
|
||||
colseDialog() {
|
||||
this.showModal = false
|
||||
},
|
||||
saveDialog() {
|
||||
|
||||
let _this = this
|
||||
|
||||
if (this.stringIsEmpty(this.dialogInfo.name)) {
|
||||
this.shortToast('请输入昵称')
|
||||
return
|
||||
}
|
||||
if (this.dialogInfo.mobile.length != 11) {
|
||||
this.shortToast('手机号码格式不对')
|
||||
return
|
||||
}
|
||||
|
||||
var params = {
|
||||
sid: getApp().globalData.sid,
|
||||
photo: _this.headImage,
|
||||
nick: _this.dialogInfo.name,
|
||||
mobile: _this.dialogInfo.mobile
|
||||
}
|
||||
|
||||
_this.$api.uploadHandImage(params).then((resp) => {
|
||||
// if (resp.success) {
|
||||
|
||||
_this.chooseAvatar = true
|
||||
_this.colseDialog()
|
||||
|
||||
_this.userInfo = {
|
||||
nick: _this.dialogInfo.name,
|
||||
mobile: _this.dialogInfo.mobile,
|
||||
photo: _this.headImage
|
||||
}
|
||||
|
||||
|
||||
}).catch(e => {
|
||||
console.log('eeeee', e)
|
||||
|
||||
})
|
||||
|
||||
},
|
||||
|
||||
showDiaLog2() {
|
||||
this.showModal2 = true
|
||||
},
|
||||
colseDialog2() {
|
||||
this.showModal2 = false
|
||||
},
|
||||
onKeyInput1(event) {
|
||||
this.dialogInfo.name = event.target.value
|
||||
},
|
||||
onKeyInput2(event) {
|
||||
this.dialogInfo.mobile = event.target.value
|
||||
},
|
||||
|
||||
onChooseAvatar(e) {
|
||||
this.dialogInfo.url = e.detail.avatarUrl;
|
||||
this.uploadImage(e.detail.avatarUrl)
|
||||
},
|
||||
uploadImage(imagePath) {
|
||||
let _this = this
|
||||
wx.uploadFile({
|
||||
url: _this.uploadAction, // 上传图片的接口地址
|
||||
fileType: "image",
|
||||
filePath: imagePath, // 图片文件路径
|
||||
name: 'file', // 文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容
|
||||
success: (res) => {
|
||||
// 上传成功后,将服务器返回的图片地址更新到image标签中
|
||||
let info = JSON.parse(res.data)
|
||||
_this.headImage = info.data.fullUrl
|
||||
_this.chooseAvatar = false
|
||||
},
|
||||
fail: function(res) {
|
||||
console.log(res);
|
||||
}
|
||||
})
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style>
|
||||
.btn1 {
|
||||
font-size: 18px;
|
||||
color: #949094;
|
||||
background: #fff;
|
||||
height: 13vw;
|
||||
line-height: 13vw;
|
||||
text-align: center;
|
||||
border-bottom-left-radius: 20px;
|
||||
}
|
||||
|
||||
|
||||
.btn1::after {
|
||||
/* border: none; */
|
||||
}
|
||||
|
||||
.btn2 {
|
||||
font-size: 18px;
|
||||
color: #FB913C;
|
||||
background: #fff;
|
||||
height: 13vw;
|
||||
line-height: 13vw;
|
||||
text-align: center;
|
||||
border-bottom-right-radius: 20px;
|
||||
}
|
||||
|
||||
.btn2::after {
|
||||
/* border: none; */
|
||||
}
|
||||
|
||||
|
||||
.top {
|
||||
width: 100vw;
|
||||
/* height: 126.66vw; */
|
||||
height: 65vw;
|
||||
/* 加载背景图 */
|
||||
background-image: url(https://supervise.yxtsoft.com/lpk/image/my_bj.png);
|
||||
/* 让背景图基于容器大小伸缩 */
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
|
||||
/* 弹窗样式 */
|
||||
.model {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: #000;
|
||||
z-index: 999;
|
||||
opacity: 0.5;
|
||||
top: 0;
|
||||
left: 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.modalDlg {
|
||||
/* 设置超出滚动 */
|
||||
position: absolute;
|
||||
top: 50vw;
|
||||
left: 10vw;
|
||||
width: 80%;
|
||||
z-index: 9999;
|
||||
background-color: #fff;
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
||||
}
|
||||
</style>
|
||||
@@ -1,6 +1,6 @@
|
||||
<template>
|
||||
|
||||
<view style="display: flex;flex-direction: column;height: 100#;">
|
||||
<view style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);">
|
||||
|
||||
<view class="top">
|
||||
<NavBar ref="nav" navTitle=" " :showIcon="false" :start-change-height="page.startHeight"
|
||||
@@ -272,8 +272,11 @@
|
||||
'margin-top': '68vw',
|
||||
'border-top-left-radius': '25px',
|
||||
'border-top-right-radius': '25px',
|
||||
'border-bottom-left-radius': '25px',
|
||||
'border-bottom-right-radius': '25px',
|
||||
'background': '#fff',
|
||||
'padding-top': '10px',
|
||||
'margin-bottom':"60px"
|
||||
},
|
||||
page: {
|
||||
remarks: '',
|
||||
@@ -300,6 +303,12 @@
|
||||
},
|
||||
onShow() {
|
||||
this.$refs.paging.reload(true);
|
||||
if (typeof this.$mp.page.getTabBar === 'function' && this.$mp.page.getTabBar()) {
|
||||
this.$mp.page.getTabBar().setData({
|
||||
selected: 1
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
onUnload() {
|
||||
uni.$off('order');
|
||||
@@ -331,6 +340,10 @@
|
||||
uni.navigateTo({
|
||||
url: '/pages/bind/bind_pickUpCard'
|
||||
})
|
||||
|
||||
// uni.navigateTo({
|
||||
// url: '/pages/home/myHome'
|
||||
// })
|
||||
},
|
||||
detail(item) {
|
||||
console.log("aaa", item);
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<template>
|
||||
<view style="display: flex;flex-direction: column;height: 100vh;background: -webkit-linear-gradient(left,#FEA65F,#FB9440);">
|
||||
<!-- 有列表的时候用 :auto='false' 需要你在onload等调用reload方法 -->
|
||||
<z-paging ref="paging" v-model="data" @query="queryList" :pagingStyle='styleObject' :auto='true'>
|
||||
|
||||
@@ -125,8 +126,8 @@
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/home_enterprise.png" mode="aspectFill"
|
||||
v-show="item.state=='未提货'" style="width: 50px;height: 50px;" />
|
||||
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/home_notEnterprise.png" mode="aspectFill"
|
||||
v-show="item.state=='已提货'" style="width: 50px;height: 50px;" />
|
||||
<image src="https://supervise.yxtsoft.com/lpk/image/home_notEnterprise.png"
|
||||
mode="aspectFill" v-show="item.state=='已提货'" style="width: 50px;height: 50px;" />
|
||||
|
||||
</view>
|
||||
|
||||
@@ -174,7 +175,7 @@
|
||||
</view>
|
||||
|
||||
</z-paging>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
@@ -183,10 +184,22 @@
|
||||
return {
|
||||
styleObject: {
|
||||
'padding-top': '10px',
|
||||
'border-bottom-left-radius': '25px',
|
||||
'border-bottom-right-radius': '25px',
|
||||
'background': '#fff',
|
||||
'margin-bottom': "60px"
|
||||
},
|
||||
data: []
|
||||
}
|
||||
},
|
||||
onShow() {
|
||||
if (typeof this.$mp.page.getTabBar === 'function' && this.$mp.page.getTabBar()) {
|
||||
this.$mp.page.getTabBar().setData({
|
||||
selected: 2
|
||||
})
|
||||
|
||||
}
|
||||
},
|
||||
created() {
|
||||
// this.$bus.$on('order', msg => {
|
||||
// console.log("aaaaaaaaaaa4", msg)
|
||||
|
||||
@@ -127,7 +127,8 @@
|
||||
|
||||
} else {
|
||||
uni.switchTab({
|
||||
url: '/pages/home/pickUpCard'
|
||||
url: '/pages/home/pickUpCard',
|
||||
// url: '/pages/home/myHome',
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
BIN
static/bomicon/bom_NotMy.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 363 B After Width: | Height: | Size: 1.5 KiB |
BIN
static/bomicon/bom_my.png
Normal file
|
After Width: | Height: | Size: 1.4 KiB |
BIN
static/bomicon/bom_navigation.png
Normal file
|
After Width: | Height: | Size: 41 KiB |
|
Before Width: | Height: | Size: 363 B After Width: | Height: | Size: 3.7 KiB |
|
Before Width: | Height: | Size: 558 B After Width: | Height: | Size: 1.9 KiB |
|
Before Width: | Height: | Size: 689 B After Width: | Height: | Size: 2.3 KiB |
|
Before Width: | Height: | Size: 2.0 KiB After Width: | Height: | Size: 1.2 KiB |
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 1.9 KiB |
BIN
static/img/autumn.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/img/autumn_cur.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
static/img/spring.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
static/img/spring_cur.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/img/summer.png
Normal file
|
After Width: | Height: | Size: 3.2 KiB |
BIN
static/img/summer_cur.png
Normal file
|
After Width: | Height: | Size: 1.8 KiB |
BIN
static/img/winter.png
Normal file
|
After Width: | Height: | Size: 2.6 KiB |
BIN
static/img/winter_cur.png
Normal file
|
After Width: | Height: | Size: 2.2 KiB |
BIN
static/logo_icon.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
static/userHead.png
Normal file
|
After Width: | Height: | Size: 2.5 KiB |