Liuyi
2024-10-21 15a55f79a84e5dab670d54a9dc0c6b9133a18441
pages/scanWater/index.vue
@@ -1,14 +1,63 @@
<template>
   <view>
      <navbar title ='设备详情'></navbar>
      扫码后跳转的页面
   <view class="container">
      <navbar title ='扫码成功'></navbar>
      <view class="content">
         <view class="img-box">
            <image class="img" src="../../static/images/other/success.png" alt=""></image>
            <view class="text text1">操作成功~</view>
         </view>
         <view class="text">请在设备上操作</view>
         <view class="back" @click="navBack()">返回首页</view>
      </view>
   </view>
</template>
<script setup>
   function navBack(){
      uni.navigateBack()
   }
</script>
<style>
<style lang="scss">
   .container{
      width: 100%;
      height: 100vh;
      .content{
         width: 100%;
         height:calc(100vh - 176rpx);
         background:linear-gradient(to top,#FFFFFF,#E8EFFF);
         box-sizing: border-box;
         display: flex;
         padding:200rpx 0 600rpx;
         justify-content: space-between;
         flex-direction: column;
         align-items: center;
         .img-box{
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
         }
          .img{
             width:580rpx;
             height: 385rpx;
          }
          .text{
             font-weight: 300;
             font-size: 32rpx;
             color: #548AFF;
          }
          .back{
             width: 300rpx;
             height: 80rpx;
             background: #FFFFFF;
             border:1rpx solid rgba(95, 117, 244, 0.6);
             color: #548AFF;
             border-radius:40rpx;
             line-height:80rpx;
             text-align: center;
          }
      }
   }
</style>