修改样式

src/views/attestation/index.vue

@@ -161,18 +161,19 @@ export default {
 }
 .list-btn{
   position: absolute;
-  bottom: 0;
+  bottom: 20px;
   left: 50%;
   -webkit-transform: translateX(-50%);
   width: 80%;
+  display: block;
   height: 40px;
   line-height: 40px;
-  background: linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%);
-  border-radius: 5px;
-  font-weight: bold;
-  color: #FFFFFF;
   text-align: center;
-  margin-bottom: 10px;
+  color: #fff;
+  background: #af1b40;
+  border-radius: 20px;
+  cursor: pointer;
+  border: none;
 }
 .item-box{
   position: relative;

src/views/attestation/printing.vue

@@ -6,8 +6,10 @@
     <van-image-preview v-model="imgShow" :images="images"></van-image-preview>
     <div class="tips">确认资料信息无误后，<span>请长按图片保存下载</span>，将信息页打印后，请在个人签名处签名后上传，注意签名不要连笔。</div>
     <div class="btn-box">
-      <van-button class="b" @click="backEdit" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">返回修改</van-button>
-      <van-button @click="goUpload" class="b" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">已签名，去上传</van-button>
+      <div class="b btn-style" @click="backEdit">返回修改</div>
+      <div class="b btn-style" @click="goUpload">已签名，去上传</div>
+      <!-- <van-button class="b" @click="backEdit" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">返回修改</van-button> -->
+      <!-- <van-button @click="goUpload" class="b" color="linear-gradient(180deg, #FF9B96 0%, #CE3E3A 100%)">已签名，去上传</van-button> -->
     </div>
   </div>
 </template>
@@ -85,6 +87,18 @@ export default {
 }
 </script>
 <style lang="scss" scoped>
+.btn-style{
+  width: 1.2rem;
+  display: block;
+  height: 40px;
+  line-height: 40px;
+  text-align: center;
+  color: #fff;
+  background: #af1b40;
+  border-radius: 20px;
+  cursor: pointer;
+  border: none;
+}
 .img-box{
   img{
     width: 100%;