From 42e5ea86f7edc9361227edd979a8ae1952713161 Mon Sep 17 00:00:00 2001
From: Liuyi <candymxq888@outlook.com>
Date: 星期六, 19 十月 2024 16:19:16 +0800
Subject: [PATCH] 添加共享列表，修改共享功能相关代码
---
pages/scanWater/index.vue | 61 +++++++++++++++++++++++++++---
1 files changed, 55 insertions(+), 6 deletions(-)
diff --git a/pages/scanWater/index.vue b/pages/scanWater/index.vue
index 383a3fe..5d4f5eb 100644
--- a/pages/scanWater/index.vue
+++ b/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>
--
Gitblit v1.9.3