Forráskód Böngészése

style(patient-family): 调整二维码按钮样式

- 增大二维码按钮尺寸从80rpx到100rpx
- 修改按钮背景色为半透明白色
- 调整按钮阴影效果
- 增大二维码图标尺寸从40rpx到60rpx
- 移除功能容器背景色
- 移除提醒数字颜色设置
mcbaiyun 1 hónapja
szülő
commit
a37ceb70d9
1 módosított fájl, 7 hozzáadás és 8 törlés
  1. 7 8
      src/pages/patient-family/index/index.vue

+ 7 - 8
src/pages/patient-family/index/index.vue

@@ -359,19 +359,20 @@ function onQrClick() {
 }
 
 .qr-button {
-  width: 80rpx;
-  height: 80rpx;
+  width: 100rpx;
+  height: 100rpx;
   border-radius: 50%;
-  background-color: #007aff;
+  background-color: rgba(255, 255, 255, 0.5);
   display: flex;
   align-items: center;
   justify-content: center;
-  box-shadow: 0 4rpx 12rpx rgba(0, 122, 255, 0.3);
+  margin-left: 20rpx;
+  box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.1);
 }
 
 .qr-icon {
-  width: 40rpx;
-  height: 40rpx;
+  width: 60rpx;
+  height: 60rpx;
 }
 
 .function-container {
@@ -487,7 +488,6 @@ function onQrClick() {
   width: 60rpx;
   height: 60rpx;
   border-radius: 50%;
-  background-color: #007aff;
   display: flex;
   align-items: center;
   justify-content: center;
@@ -506,7 +506,6 @@ function onQrClick() {
 .reminder-number {
   font-size: 36rpx;
   font-weight: bold;
-  color: #007aff;
   display: block;
 }