From 06330ed7b98d5d90e873e6f3e92565e1b5b555e3 Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 14 Aug 2024 10:38:48 +0800
Subject: [PATCH] 优化CAlert弹窗使用
---
layout/h5Page/cNavBar.scss | 34 +++++++++++++++++++++-------------
1 files changed, 21 insertions(+), 13 deletions(-)
diff --git a/layout/h5Page/cNavBar.scss b/layout/h5Page/cNavBar.scss
index d1d8ebf..e319673 100644
--- a/layout/h5Page/cNavBar.scss
+++ b/layout/h5Page/cNavBar.scss
@@ -9,6 +9,16 @@
position: relative;
.at-nav-bar {
background-color: #2093df;
+ .at-nav-bar__left-view {
+ padding: 9PX 0;
+ .at-icon {
+ padding-left: 9PX;
+ font-size: 55px;
+ }
+ }
+ .at-nav-bar__title {
+ font-size: 42px;
+ }
}
.at-nav-bar__left-view,
.at-nav-bar__right-view,
@@ -44,20 +54,19 @@
}
.c-nav-bar-right {
@include position(absolute, 0 n n 0, 10);
- padding: 9Px 5Px;
+ padding: 9Px 9Px;
@include flexbox(inline, center center);
&::before {
display: block;
width: 0;
white-space: nowrap;
overflow: hidden;
- font-size: 1.024rem;
+ font-size: 55px;
font-family: iconfont;
font-style: normal;
font-weight: 400;
font-variant: normal;
line-height: 1;
- vertical-align: middle;
text-transform: none;
text-rendering: auto;
content: "";
@@ -67,28 +76,27 @@
@include position(absolute, n n 0 0, 10);
.inner {
@include position(absolute, 0 n n 0);
- padding: 0.3rem;
+ padding: 14px;
.arrow {
- @include position(absolute, 0.15rem n n 0.65rem);
+ @include position(absolute, 7px n n 30px);
width: 0;
height: 0;
- border-top: 0.6rem solid #f2f4f7;
- border-right: 0.6rem solid transparent;
+ border-top: 28px solid #f2f4f7;
+ border-right: 28px solid transparent;
transform: rotate(45deg);
}
.box {
position: relative;
z-index: 2;
- width: 4rem;
- padding: 0.2rem 0;
+ width: 200px;
+ padding: 9px 0;
background-color: #f7f8fa;
- border-radius: 0.1rem;
+ border-radius: 5px;
box-shadow: rgba(#000, 0.1) 0 1PX 1PX 1PX;
.item {
- padding: 0 0.45rem;
text-align: center;
- line-height: 1.6rem;
- font-size: 0.65rem;
+ line-height: 80px;
+ font-size: 36px;
@include ellipsis(100%);
box-sizing: border-box;
border-bottom: #edf0f8 1PX solid;
--
Gitblit v1.9.1