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