From b710c0b8e06e1ff475d4e0d5ee241fd71c607678 Mon Sep 17 00:00:00 2001
From: whycq <913841844@qq.com>
Date: 星期一, 13 二月 2023 18:30:08 +0800
Subject: [PATCH] #
---
pages/pakin/pakin.vue | 2 +-
static/css/app.less | 19 ++++++++++++++-----
2 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/pages/pakin/pakin.vue b/pages/pakin/pakin.vue
index b667502..53874cd 100644
--- a/pages/pakin/pakin.vue
+++ b/pages/pakin/pakin.vue
@@ -41,7 +41,7 @@
<!-- 搴曢儴鎿嶄綔鎸夐挳 -->
<view class="buttom">
<button size="mini">閲嶇疆</button>
- <button size="mini" >缁勬墭</button>
+ <button size="mini" type="primary">缁勬墭</button>
</view>
</template>
diff --git a/static/css/app.less b/static/css/app.less
index 205f738..37248fe 100644
--- a/static/css/app.less
+++ b/static/css/app.less
@@ -1,10 +1,11 @@
.main {
- margin-top: 5rpx;
+ margin: 5px 15px 0 15px;
min-height: 80rpx;
- width: 100%;
background-color: #FFF;
display: grid;
justify-items: center;
+ box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
+ border-radius: 5px;
.item {
height: 80rpx;
width: 90%;
@@ -21,12 +22,16 @@
}
}
.list {
- margin: 5px 15px 0 15px;
+ margin: 5px 25px 0 15px;
min-height: 80rpx;
display: grid;
+ background-color: #FFF;
grid-template-columns: 550rpx 1fr;
border-bottom: 1px solid #bbb;
+ box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
+ border-radius: 5px;
&-left {
+ margin-top: 10rpx;
display: grid;
grid-template-columns: 1fr 3fr;
.desc {
@@ -38,6 +43,9 @@
grid-template-columns: 1fr 1fr;
align-items: center;
}
+ &:first-child {
+ margin-top: 25px;
+ }
&:last-child {
border:none;
}
@@ -46,13 +54,14 @@
}
}
.buttom {
+ width: 100%;
position: fixed;
bottom: 0;
left: 0;
-
display: flex;
align-items: center;
justify-content: space-between;
height: 100rpx;
- // background-color: #007aff;
+ background-color: #FFF;
+ box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.4) ;
}
--
Gitblit v1.9.1