dayu 2 anni fa
parent
commit
f288a7369d
1 ha cambiato i file con 52 aggiunte e 1 eliminazioni
  1. 52 1
      sleep/pages/home/index.vue

+ 52 - 1
sleep/pages/home/index.vue

@@ -258,6 +258,17 @@
           </view>
         </view> -->
 
+		<view class="home-btns flex-row  self-center">
+			<view @click="handleShareClick" class="btn-home-btns btn-home-btns1 items-center">
+				<image class="shrink-0 image_btn" src="../../static/home/homeIconHeart.png" />
+				<text class="btn-home-text">远程关爱</text>
+			</view>
+			<view @click="handleJumpSettings" class="btn-home-btns btn-home-btns2 items-center">
+				<image class="shrink-0 image_btn" src="../../static/mine/myIconAlert.png" />
+				<text class="btn-home-text">报警设置</text>
+			</view>
+		</view>
+
 				<view class="flex-col home-alert space-y-4">
 					<view class="flex-row items-center space-x-4 home-alert-header">
 						<image
@@ -358,6 +369,16 @@ export default {
     })
   },
 	methods: {
+		handleShareClick() {
+			uni.navigateTo({
+				url: '/pages/shareUser/shareUser'
+			})
+		},
+		handleJumpSettings() {
+			uni.navigateTo({
+				url: '/pages/alertSetting/alertSetting'
+			})
+		},
     API_getDeviceList() {
       const _this = this
       API_deviceMemberBind.getDeviceByDtypeAndMemberId({dtype: '睡眠床垫', memberId: this.memberId}).then(res => {
@@ -1197,7 +1218,7 @@ export default {
       }
     }
     .home-alert {
-      margin: 1rem 1.25rem 0 1.25rem;
+      margin: 0rem 1.25rem 0 1.25rem;
       padding: 1rem 0.88rem 0.13rem;
       background-color: #0233c6cc;
       border-radius: 1rem;
@@ -1338,4 +1359,34 @@ export default {
     margin-left: 0.38rem;
   }
 }
+
+.home-btns {
+	.btn-home-btns2 {
+		background: linear-gradient(90deg, rgba(5, 96, 232, 1) 0%, rgba(100, 158, 245, 1) 100%);
+	}
+	.btn-home-btns1 {
+		background: linear-gradient(90deg, rgba(44, 37, 247, 0.6) 0%, rgba(6, 21, 153, 1) 100%);
+	}
+	.btn-home-btns {
+		border-radius: 1.3rem;
+		width: 8rem;
+		height: 2.6rem;
+		margin: 1rem 0.5rem;
+		text-align: center;
+		font-size: 1.1rem;
+		font-weight: 500;
+		letter-spacing: 0px;
+		line-height: 2.6rem;
+		
+		.image_btn {
+			width: 1.4rem;
+			height: 1.4rem;
+			vertical-align: middle;
+			margin-right: 0.2rem;
+		}
+		.btn-home-text {
+			color: #ffffff;
+		}
+	}
+}
 </style>