pages/scanSuccess/index.vue
@@ -1,24 +1,48 @@
<template>
   <view class="container">
      <navbar title ='扫码成功'></navbar>
      <!-- <navbar title ='扫码成功'></navbar> -->
      <view class="navbar"><text>扫码取水</text></view>
      <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 class="back" @click="navTo()">返回首页</view>
      </view>
   </view>
</template>
<script setup>
   function navBack(){
      uni.navigateBack()
   function navTo(){
      uni.redirectTo({
         url:'/pages/index/index'
      })
   }
</script>
<style lang="scss">
   .navbar{
         width:100%;
         height:176rpx;
         background: linear-gradient(to bottom,#5EA1FA,#8BC1FC);
         display: flex;
         align-items: flex-end;
         box-sizing: border-box;
         position: relative;
         padding:0 32rpx 24rpx;
         text{
            font-weight: 400;
            font-size: 36rpx;
            color: #000000;
            position:absolute;
            width:200rpx;
            left:calc(50% - 100rpx);
            text-align: center;
            color: #e4ecf9;
            letter-spacing:1rpx;
         }
   }
   .container{
      width: 100%;
      height: 100vh;