parent
ddbc66d731
commit
bd79ab66c1
@ -0,0 +1,205 @@ |
||||
.sh-content { |
||||
padding: 25rpx; |
||||
background-color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
font-family:test1-icon; |
||||
.u-form-item { |
||||
padding: 5rpx 0px; |
||||
} |
||||
.u-input__input { |
||||
background-color: #ffffff; |
||||
} |
||||
.sh-search { |
||||
display: flex; |
||||
padding: 10rpx 30rpx; |
||||
// background-color: #F2F2F2; |
||||
|
||||
.sh-form { |
||||
width: 100%; |
||||
} |
||||
|
||||
.sh-sub-search { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 15rpx 0 15rpx 15rpx; |
||||
|
||||
.sh-search-button { |
||||
height: 100%; |
||||
} |
||||
} |
||||
} |
||||
.all-card{ |
||||
|
||||
|
||||
.sh-card { |
||||
// background-color: red; |
||||
margin-top: 30rpx; |
||||
// padding: 20rpx 0rpx; |
||||
border: 0.5px solid #797979; |
||||
border-radius: 20rpx; |
||||
line-height: 60rpx; |
||||
|
||||
.sh-card-title { |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 0 20px; |
||||
background-color: #f2f2f2; |
||||
border-top-left-radius: 20rpx; |
||||
border-top-right-radius: 20rpx; |
||||
.receipt-number { |
||||
display: flex; |
||||
.receipt-number-title { |
||||
color: #333333; |
||||
font-size: 24rpx; |
||||
} |
||||
.receipt-number-value { |
||||
color: #333333; |
||||
font-size: 28rpx; |
||||
font-weight: 600; |
||||
margin-left: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
.sh-card-title-two{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 0 20px; |
||||
background-color: #d7d7d7; |
||||
border-top-left-radius: 20rpx; |
||||
border-top-right-radius: 20rpx; |
||||
.receipt-number { |
||||
display: flex; |
||||
.receipt-number-title { |
||||
color: #333333; |
||||
font-size: 24rpx; |
||||
} |
||||
.receipt-number-value { |
||||
color: #333333; |
||||
font-size: 28rpx; |
||||
font-weight: 600; |
||||
margin-left: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
.borderBottom { |
||||
border-bottom-left-radius: 20rpx; |
||||
border-bottom-right-radius: 20rpx; |
||||
} |
||||
.sh-card-title-border { |
||||
border-bottom: 2px dashed #797979; |
||||
} |
||||
.sh-card-content { |
||||
position: relative; |
||||
margin: 16rpx 0; |
||||
padding: 0rpx 70rpx; |
||||
|
||||
.detail-icon { |
||||
position: absolute; |
||||
right: 10rpx; |
||||
top: 90rpx; |
||||
} |
||||
.goods-card-content { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.goods-card-content-item { |
||||
display: flex; |
||||
align-items: center; |
||||
width: 70%; |
||||
.goods-title { |
||||
font-size: 28rpx; |
||||
color: #555555; |
||||
} |
||||
.goods-value { |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
margin-left: 20rpx; |
||||
} |
||||
|
||||
} |
||||
} |
||||
} |
||||
.goods-no{ |
||||
font-weight: bold; |
||||
margin-right: 20rpx; |
||||
} |
||||
.pad-content { |
||||
padding-bottom: 16rpx; |
||||
} |
||||
|
||||
.card-content { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.card-content-item { |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
.item-title { |
||||
|
||||
font-size: 32rpx; |
||||
color: #555555; |
||||
} |
||||
.item-value { |
||||
font-size: 32rpx; |
||||
color: #666666; |
||||
// margin-left: 20rpx; |
||||
} |
||||
} |
||||
// .card-content-item:first-child{ |
||||
// width: 80%; |
||||
// } |
||||
.sh-bold { |
||||
font-weight: bold; |
||||
word-break: break-all; |
||||
} |
||||
} |
||||
|
||||
} |
||||
margin-bottom: 100px; |
||||
} |
||||
// .sh-card:first-child{ |
||||
// margin-bottom: 50px; |
||||
// } |
||||
.loadmore-data{ |
||||
padding-top: 30rpx; |
||||
} |
||||
.recommend { |
||||
text-align: center; |
||||
height: 50rpx; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.recommend-title { |
||||
display: table; |
||||
width: 100%; |
||||
line-height: 50rpx; |
||||
white-space: nowrap; |
||||
border-spacing: 2rem 0; |
||||
font-size: 30rpx; |
||||
color: gray |
||||
} |
||||
|
||||
.recommend-title::before, .recommend-title::after { |
||||
display: table-cell; |
||||
content: ""; |
||||
width: 50%; |
||||
background: linear-gradient(#eee, #eee) repeat-x center; |
||||
background-size: 0.1rem 0.1rem; |
||||
} |
||||
|
||||
.bottom{ |
||||
position:fixed; |
||||
height: 40px; |
||||
width: 100%; |
||||
bottom:38px; |
||||
button{ |
||||
height: 100%; |
||||
line-height: 40px; |
||||
width: 60%; |
||||
font-size: 16px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,193 @@ |
||||
<template> |
||||
<view class="sh-content"> |
||||
<view class="sh-search"> |
||||
<u-form labelPosition="left" :model="dataForm" class="sh-form"> |
||||
|
||||
<u-form-item prop="barCode"> |
||||
<select-lay style="width: 100%;" :zindex="200" smoldName="model" smodel="moldName" name="name3" slabel="label" svalue="value" |
||||
:options="nextDataList" @selectitem="queryList" > |
||||
</select-lay> |
||||
|
||||
</u-form-item> |
||||
</u-form> |
||||
|
||||
</view> |
||||
<view class='recommend'> |
||||
<text class='recommend-title'></text> |
||||
</view> |
||||
<!-- {{dataList}} --> |
||||
<view class="all-card"> |
||||
<view class="sh-card" v-for="(item, index) in dataList" :key="item.id" :index="item.id" v-if="dataList.length > 0" |
||||
style="border-radius: 20rpx;"> |
||||
<view :class="isActive===index? 'sh-card-title-two':'sh-card-title'" @click="btn(index,item)" style="border-radius: 20rpx;"><!--:class="{'borderBottom':!item.businInShelfDVoList.length}"--> |
||||
<view class="card-content"> |
||||
<view class="card-content-item" > |
||||
<text class="item-title" ></text> |
||||
<text class="item-value"></text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">点位编号:</text> |
||||
<text class="item-value">{{item.pointNo}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">名称名称:</text> |
||||
<text class="item-value">{{item.pointName}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">所属分组:</text> |
||||
<text class="item-value">{{item.groupName}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">是否占用:</text> |
||||
<text class="item-value">{{item.isOccupy == '0' ? '否':(item.isOccupy == '1'?'是':'已分配')}}</text> |
||||
</view> |
||||
</view> |
||||
<!-- <view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">容器类型:</text> |
||||
<text class="item-value">{{item.containerType == '0'? typeList[0].dictLabel:typeList[1].dictLabel}}</text> |
||||
</view> |
||||
</view> --> |
||||
|
||||
|
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
showDiv:false, |
||||
queryFlag: '', |
||||
dataForm: { |
||||
pageNum: 1, |
||||
pageSize: 10 |
||||
}, |
||||
pickUpObj:{ |
||||
pointNo:'', |
||||
taskCode:'', |
||||
taskId:'', |
||||
containerCode:'', |
||||
}, |
||||
statusList:[], |
||||
typeList:[], |
||||
dataList:[], |
||||
nextDataList:[], |
||||
query: { |
||||
current: 1, |
||||
size: 20 |
||||
}, |
||||
isActive:0, |
||||
loadStatus: 'loadmore', |
||||
timer:0, |
||||
} |
||||
}, |
||||
onLoad() { |
||||
// this.getDic(); //获取字典 |
||||
// this.$u.api.containerStatus().then(res=>{ |
||||
// this.statusList = res.data |
||||
// }) |
||||
// this.$u.api.containerContainerType().then(res=>{ |
||||
// this.typeList = res.data |
||||
// }) |
||||
// this.loadList(); |
||||
this.$u.api.AvgCarry.getPointList({...this.dataForm,pageSize: 9999}).then(res=>{ |
||||
this.nextDataList=[] |
||||
if(res.code == '200'){ |
||||
// this.dataList = res.rows |
||||
let dataArry = res.rows; |
||||
for (var i = 0; i < dataArry.length; i++) { |
||||
var obj = { |
||||
value: dataArry[i].pointNo, |
||||
label: dataArry[i].pointName, |
||||
}; |
||||
this.nextDataList.push(obj); |
||||
} |
||||
} |
||||
}) |
||||
|
||||
}, |
||||
//上拉刷新(当数据距离底部100时触发，距离在pages.json配置) |
||||
onReachBottom() { |
||||
this.loadStatus = "loading"; |
||||
setTimeout(() => { |
||||
this.dataForm.pageNum += 1; |
||||
this.loadList(); |
||||
}, 100); |
||||
}, |
||||
onPullDownRefresh () { |
||||
this.list = [] |
||||
//调用获取数据方法 |
||||
setTimeout(() => { |
||||
//结束下拉刷新 |
||||
uni.stopPullDownRefresh (); |
||||
}, 1000); |
||||
}, |
||||
methods: { |
||||
//点击变色 |
||||
btn(index,item){ |
||||
this.isActive = index |
||||
}, |
||||
/**搜索框查询*/ |
||||
queryList(row,item) { |
||||
this.dataForm.pointNo=item['value'] |
||||
// this.dataForm.pointName=item['label'] |
||||
this.loadList() |
||||
}, |
||||
loadList() { |
||||
//防抖 |
||||
this.timer =setTimeout(()=>{ |
||||
//节流 |
||||
let flag = true |
||||
if(flag===false) return |
||||
// if (this.dataForm.containerCode == '' || this.dataForm.containerCode == null || this.dataForm.containerCode == |
||||
// undefined) { |
||||
// return |
||||
// } |
||||
this.$u.api.AvgCarry.getPointList(this.dataForm).then(res=>{ |
||||
if(res.code == '200'){ |
||||
this.dataList = res.rows |
||||
} |
||||
}) |
||||
|
||||
flag=false |
||||
setTimeout(()=>{ |
||||
flag = true |
||||
} |
||||
,500) |
||||
|
||||
},400) |
||||
}, |
||||
pickUp(){ |
||||
}, |
||||
// 任务查看 |
||||
searchClick() { |
||||
this.dataList = []; |
||||
this.dataForm.pageNum = 1; |
||||
this.loadList(); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import "index.scss"; |
||||
.footer { |
||||
display: flex; |
||||
padding: 20rpx 0; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,205 @@ |
||||
.sh-content { |
||||
padding: 25rpx; |
||||
background-color: #fff; |
||||
display: flex; |
||||
flex-direction: column; |
||||
font-family:test1-icon; |
||||
.u-form-item { |
||||
padding: 5rpx 0px; |
||||
} |
||||
.u-input__input { |
||||
background-color: #ffffff; |
||||
} |
||||
.sh-search { |
||||
display: flex; |
||||
padding: 10rpx 30rpx; |
||||
// background-color: #F2F2F2; |
||||
|
||||
.sh-form { |
||||
width: 100%; |
||||
} |
||||
|
||||
.sh-sub-search { |
||||
display: flex; |
||||
align-items: center; |
||||
padding: 15rpx 0 15rpx 15rpx; |
||||
|
||||
.sh-search-button { |
||||
height: 100%; |
||||
} |
||||
} |
||||
} |
||||
.all-card{ |
||||
|
||||
|
||||
.sh-card { |
||||
// background-color: red; |
||||
margin-top: 30rpx; |
||||
// padding: 20rpx 0rpx; |
||||
border: 0.5px solid #797979; |
||||
border-radius: 20rpx; |
||||
line-height: 60rpx; |
||||
|
||||
.sh-card-title { |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 0 20px; |
||||
background-color: #f2f2f2; |
||||
border-top-left-radius: 20rpx; |
||||
border-top-right-radius: 20rpx; |
||||
.receipt-number { |
||||
display: flex; |
||||
.receipt-number-title { |
||||
color: #333333; |
||||
font-size: 24rpx; |
||||
} |
||||
.receipt-number-value { |
||||
color: #333333; |
||||
font-size: 28rpx; |
||||
font-weight: 600; |
||||
margin-left: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
.sh-card-title-two{ |
||||
display: flex; |
||||
flex-direction: column; |
||||
padding: 0 20px; |
||||
background-color: #d7d7d7; |
||||
border-top-left-radius: 20rpx; |
||||
border-top-right-radius: 20rpx; |
||||
.receipt-number { |
||||
display: flex; |
||||
.receipt-number-title { |
||||
color: #333333; |
||||
font-size: 24rpx; |
||||
} |
||||
.receipt-number-value { |
||||
color: #333333; |
||||
font-size: 28rpx; |
||||
font-weight: 600; |
||||
margin-left: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
.borderBottom { |
||||
border-bottom-left-radius: 20rpx; |
||||
border-bottom-right-radius: 20rpx; |
||||
} |
||||
.sh-card-title-border { |
||||
border-bottom: 2px dashed #797979; |
||||
} |
||||
.sh-card-content { |
||||
position: relative; |
||||
margin: 16rpx 0; |
||||
padding: 0rpx 70rpx; |
||||
|
||||
.detail-icon { |
||||
position: absolute; |
||||
right: 10rpx; |
||||
top: 90rpx; |
||||
} |
||||
.goods-card-content { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.goods-card-content-item { |
||||
display: flex; |
||||
align-items: center; |
||||
width: 70%; |
||||
.goods-title { |
||||
font-size: 28rpx; |
||||
color: #555555; |
||||
} |
||||
.goods-value { |
||||
font-size: 28rpx; |
||||
color: #666666; |
||||
margin-left: 20rpx; |
||||
} |
||||
|
||||
} |
||||
} |
||||
} |
||||
.goods-no{ |
||||
font-weight: bold; |
||||
margin-right: 20rpx; |
||||
} |
||||
.pad-content { |
||||
padding-bottom: 16rpx; |
||||
} |
||||
|
||||
.card-content { |
||||
display: flex; |
||||
justify-content: space-between; |
||||
align-items: center; |
||||
.card-content-item { |
||||
width: 100%; |
||||
display: flex; |
||||
align-items: center; |
||||
.item-title { |
||||
|
||||
font-size: 32rpx; |
||||
color: #555555; |
||||
} |
||||
.item-value { |
||||
font-size: 32rpx; |
||||
color: #666666; |
||||
// margin-left: 20rpx; |
||||
} |
||||
} |
||||
// .card-content-item:first-child{ |
||||
// width: 80%; |
||||
// } |
||||
.sh-bold { |
||||
font-weight: bold; |
||||
word-break: break-all; |
||||
} |
||||
} |
||||
|
||||
} |
||||
margin-bottom: 100px; |
||||
} |
||||
// .sh-card:first-child{ |
||||
// margin-bottom: 50px; |
||||
// } |
||||
.loadmore-data{ |
||||
padding-top: 30rpx; |
||||
} |
||||
.recommend { |
||||
text-align: center; |
||||
height: 50rpx; |
||||
margin-top: 10rpx; |
||||
} |
||||
|
||||
.recommend-title { |
||||
display: table; |
||||
width: 100%; |
||||
line-height: 50rpx; |
||||
white-space: nowrap; |
||||
border-spacing: 2rem 0; |
||||
font-size: 30rpx; |
||||
color: gray |
||||
} |
||||
|
||||
.recommend-title::before, .recommend-title::after { |
||||
display: table-cell; |
||||
content: ""; |
||||
width: 50%; |
||||
background: linear-gradient(#eee, #eee) repeat-x center; |
||||
background-size: 0.1rem 0.1rem; |
||||
} |
||||
|
||||
.bottom{ |
||||
position:fixed; |
||||
height: 40px; |
||||
width: 100%; |
||||
bottom:38px; |
||||
button{ |
||||
height: 100%; |
||||
line-height: 40px; |
||||
width: 60%; |
||||
font-size: 16px; |
||||
} |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,196 @@ |
||||
<template> |
||||
<view class="sh-content"> |
||||
<view class="sh-search"> |
||||
<u-form labelPosition="left" :model="dataForm" class="sh-form"> |
||||
|
||||
<u-form-item prop="barCode"> |
||||
<select-lay style="width: 100%;" :zindex="200" smoldName="model" smodel="moldName" name="name3" slabel="label" svalue="value" |
||||
:options="nextDataList" @selectitem="queryList" > |
||||
</select-lay> |
||||
|
||||
</u-form-item> |
||||
</u-form> |
||||
|
||||
</view> |
||||
<view class='recommend'> |
||||
<text class='recommend-title'></text> |
||||
</view> |
||||
<!-- {{dataList}} --> |
||||
<view class="all-card"> |
||||
<view class="sh-card" v-for="(item, index) in dataList" :key="item.id" :index="item.id" v-if="dataList.length > 0" |
||||
style="border-radius: 20rpx;"> |
||||
<view :class="isActive===index? 'sh-card-title-two':'sh-card-title'" @click="btn(index,item)" style="border-radius: 20rpx;"><!--:class="{'borderBottom':!item.businInShelfDVoList.length}"--> |
||||
<view class="card-content"> |
||||
<view class="card-content-item" > |
||||
<text class="item-title">货主:</text> |
||||
<text class="item-value">{{item.consignorName}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">商品编号:</text> |
||||
<text class="item-value">{{item.goodNo}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">商品条码:</text> |
||||
<text class="item-value">{{item.goodNum}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">商品名称:</text> |
||||
<text class="item-value">{{item.goodName}}</text> |
||||
</view> |
||||
</view> |
||||
<view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">规格:</text> |
||||
<text class="item-value">{{item.specifications}}</text> |
||||
</view> |
||||
</view> |
||||
<!-- <view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">是否占用:</text> |
||||
<text class="item-value">{{item.isOccupy == '0' ? '否':(item.isOccupy == '1'?'是':'已分配')}}</text> |
||||
</view> |
||||
</view> --> |
||||
<!-- <view class="card-content"> |
||||
<view class="card-content-item"> |
||||
<text class="item-title">容器类型:</text> |
||||
<text class="item-value">{{item.containerType == '0'? typeList[0].dictLabel:typeList[1].dictLabel}}</text> |
||||
</view> |
||||
</view> --> |
||||
|
||||
|
||||
|
||||
</view> |
||||
</view> |
||||
</view> |
||||
|
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
showDiv:false, |
||||
queryFlag: '', |
||||
dataForm: { |
||||
pageNum: 1, |
||||
pageSize: 10, |
||||
consignorId:2 |
||||
}, |
||||
pickUpObj:{ |
||||
pointNo:'', |
||||
taskCode:'', |
||||
taskId:'', |
||||
containerCode:'', |
||||
}, |
||||
statusList:[], |
||||
typeList:[], |
||||
dataList:[], |
||||
nextDataList:[], |
||||
query: { |
||||
current: 1, |
||||
size: 20 |
||||
}, |
||||
isActive:0, |
||||
loadStatus: 'loadmore', |
||||
timer:0, |
||||
} |
||||
}, |
||||
onLoad() { |
||||
// this.getDic(); //获取字典 |
||||
// this.$u.api.containerStatus().then(res=>{ |
||||
// this.statusList = res.data |
||||
// }) |
||||
// this.$u.api.containerContainerType().then(res=>{ |
||||
// this.typeList = res.data |
||||
// }) |
||||
// this.loadList(); |
||||
this.$u.api.goodsList({...this.dataForm,pageSize:99999}).then(res=>{ |
||||
this.nextDataList=[] |
||||
if(res.code == '200'){ |
||||
// this.dataList = res.rows |
||||
let dataArry = res.rows; |
||||
for (var i = 0; i < dataArry.length; i++) { |
||||
var obj = { |
||||
value: dataArry[i].goodNo, |
||||
label: dataArry[i].goodNo, |
||||
}; |
||||
this.nextDataList.push(obj); |
||||
} |
||||
} |
||||
}) |
||||
|
||||
}, |
||||
//上拉刷新(当数据距离底部100时触发，距离在pages.json配置) |
||||
// onReachBottom() { |
||||
// this.loadStatus = "loading"; |
||||
// setTimeout(() => { |
||||
// this.dataForm.pageNum += 1; |
||||
// this.loadList(); |
||||
// }, 100); |
||||
// }, |
||||
onPullDownRefresh () { |
||||
// this.list = [] |
||||
//调用获取数据方法 |
||||
// setTimeout(() => { |
||||
// //结束下拉刷新 |
||||
// uni.stopPullDownRefresh (); |
||||
// }, 1000); |
||||
}, |
||||
methods: { |
||||
//点击变色 |
||||
btn(index,item){ |
||||
this.isActive = index |
||||
}, |
||||
/**搜索框查询*/ |
||||
queryList(row,item) { |
||||
this.dataForm.goodNo=item['value'] |
||||
// this.dataForm.pointName=item['label'] |
||||
this.loadList() |
||||
}, |
||||
loadList() { |
||||
//防抖 |
||||
this.timer = setTimeout(()=>{ |
||||
//节流 |
||||
let flag = true |
||||
if(flag===false) return |
||||
this.$u.api.goodsList(this.dataForm).then(res=>{ |
||||
if(res.code == '200'){ |
||||
this.dataList = res.rows |
||||
} |
||||
}) |
||||
|
||||
flag=false |
||||
setTimeout(()=>{ |
||||
flag = true |
||||
} |
||||
,500) |
||||
|
||||
},400) |
||||
}, |
||||
pickUp(){ |
||||
}, |
||||
// 任务查看 |
||||
searchClick() { |
||||
this.dataList = []; |
||||
this.dataForm.pageNum = 1; |
||||
this.loadList(); |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import "index.scss"; |
||||
.footer { |
||||
display: flex; |
||||
padding: 20rpx 0; |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 4.7 KiB |
|
After Width: | Height: | Size: 4.2 KiB |
|
After Width: | Height: | Size: 3.6 KiB |
Loading…
Reference in new issue