From 8207882825e81313cfd5af74b3d30a1414a908ba Mon Sep 17 00:00:00 2001 From: whycq <913841844@qq.com> Date: 星期一, 13 二月 2023 18:11:25 +0800 Subject: [PATCH] # --- pages/pakin/pakin.vue | 59 ++++++++++++++++++++++++++--- static/css/app.less | 29 +++++++++++--- 2 files changed, 76 insertions(+), 12 deletions(-) diff --git a/pages/pakin/pakin.vue b/pages/pakin/pakin.vue index b389135..b667502 100644 --- a/pages/pakin/pakin.vue +++ b/pages/pakin/pakin.vue @@ -16,8 +16,8 @@ <view class="list" v-for="(item,i) in dataList" :key="i"> <view class="list-left"> - <view class="desc">搴忓彿锛�</view> - <view>{{i}}</view> + <view class="desc">No锛�</view> + <view>{{i + 1}}</view> <view class="desc">缂栫爜锛�</view> <view>{{item.matnr}}</view> <view class="desc">鍝佸悕锛�</view> @@ -27,11 +27,21 @@ <view class="desc">鎵瑰彿锛�</view> <view>{{item.batch}}</view> <view class="desc">鏁伴噺锛�</view> - <view>{{item.cstmr}}</view> + <view>{{item.anfme}}</view> </view> <view class="list-right"> - + <uni-icons type="compose" color="#c1c1c1" size="24"></uni-icons> + <uni-icons type="trash" color="#c1c1c1" size="24"></uni-icons> </view> + </view> + <view style="height: 120rpx;"> + + </view> + + <!-- 搴曢儴鎿嶄綔鎸夐挳 --> + <view class="buttom"> + <button size="mini">閲嶇疆</button> + <button size="mini" >缁勬墭</button> </view> </template> @@ -41,12 +51,49 @@ data() { return { dataList: [{ + matnr: "whycq19950520222222-23232", + maktx: "wusuowei", + specs: "涓�", + batch: "鎵瑰彿", + anfme: "1" + }, { matnr: "whycq19950520", maktx: "wusuowei", specs: "涓�", batch: "鎵瑰彿", - cstmr: "瀹㈡埛淇℃伅" - }, ] + anfme: "12" + },{ + matnr: "whycq19950520", + maktx: "wusuowei", + specs: "涓�", + batch: "鎵瑰彿", + anfme: "12" + },{ + matnr: "whycq19950520", + maktx: "wusuowei", + specs: "涓�", + batch: "鎵瑰彿", + anfme: "12" + },{ + matnr: "whycq19950520", + maktx: "wusuowei", + specs: "涓�", + batch: "鎵瑰彿", + anfme: "12" + },{ + matnr: "whycq19950520", + maktx: "wusuowei", + specs: "涓�", + batch: "鎵瑰彿", + anfme: "12" + },{ + matnr: "whycq19950520", + maktx: "wusuowei", + specs: "涓�", + batch: "鎵瑰彿", + anfme: "12" + } + ] } }, onLoad() { diff --git a/static/css/app.less b/static/css/app.less index fab9d36..205f738 100644 --- a/static/css/app.less +++ b/static/css/app.less @@ -21,14 +21,12 @@ } } .list { - margin-top: 5rpx; - width: 100%; + margin: 5px 15px 0 15px; min-height: 80rpx; - // background-color: #bbb; display: grid; grid-template-columns: 550rpx 1fr; + border-bottom: 1px solid #bbb; &-left { - // background-color: #007aff; display: grid; grid-template-columns: 1fr 3fr; .desc { @@ -36,6 +34,25 @@ } } &-right { - + display: grid; + grid-template-columns: 1fr 1fr; + align-items: center; } -} \ No newline at end of file + &:last-child { + border:none; + } + :last-child { + margin-bottom: 10rpx; + } +} +.buttom { + position: fixed; + bottom: 0; + left: 0; + + display: flex; + align-items: center; + justify-content: space-between; + height: 100rpx; + // background-color: #007aff; +} -- Gitblit v1.9.1