diff --git a/common/custom.scss b/common/custom.scss index e53623a..35fc7e6 100644 --- a/common/custom.scss +++ b/common/custom.scss @@ -1,3 +1,78 @@ + +.customer_nav_bar { + min-height: var(--status-bar-height); + padding-top: 60rpx; +} +.com-jianju { + margin-left: 28rpx; + margin-right: 28rpx; +} +.flex-column-center{ + display: flex; + flex-direction: column; + align-items: center; +} +.com-section{ + position: relative; + font-size: 32rpx; + font-weight: bold; + padding-left: 10rpx; + &::before{ + content: ' '; + position: absolute; + left: 0; + top: 6rpx; + height: 26rpx; + width: 3rpx; + border-radius: 2rpx; + background-color: $uni-color-primary; + } +} +.smp-tag{ + margin: 0 20rpx 20rpx 0; display: inline-block; +} +.pos-rlt{ + position: relative; +} +.h-full{ + height: 100%; +} +.w-full{ + width: 100%; +} +%blcok { + margin-top: 30rpx; + border-radius: 30rpx; + padding: 26rpx 30rpx; +} +.blcok { + @extend %blcok; +} +.blcok-white{ + @extend %blcok; + background-color: #fff; +} +.blcok-grey{ + @extend %blcok; + background-color: #F6F6F6; +} +.blcok-white-noradius{ + @extend %blcok; + background-color: #fff; + border-radius: 0; +} +.com-radius { + border-radius: 20rpx; +} +.pos-abt-all{ + box-sizing: border-box; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; +} + .mt-10{ margin-top: 10rpx; } @@ -96,43 +171,6 @@ padding-right: 40rpx; } - -.customer_nav_bar { - min-height: var(--status-bar-height); - padding-top: 60rpx; -} -.com-jianju { - margin-left: 28rpx; - margin-right: 28rpx; -} -%blcok { - margin-top: 30rpx; - border-radius: 30rpx; - padding: 26rpx 30rpx; -} -.blcok { - @extend %blcok; -} -.blcok-white{ - @extend %blcok; - background-color: #fff; -} -.blcok-white-noradius{ - @extend %blcok; - background-color: #fff; - border-radius: 0; -} -.com-radius { - border-radius: 20rpx; -} -.pos-abt-all{ - box-sizing: border-box; - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; -} .font-22 { font-size: 22rpx; } @@ -148,43 +186,16 @@ .clr-sub{ color: #999; } +.radius-10{ + border-radius: 10rpx; +} +.radius-20{ + border-radius: 20rpx; +} page{ // font-size: 22rpx; } -.pos-rlt{ - position: relative; -} -.h-full{ - height: 100%; -} -.w-full{ - width: 100%; -} -.flex-column-center{ - display: flex; - flex-direction: column; - align-items: center; -} -.com-section{ - position: relative; - font-size: 32rpx; - font-weight: bold; - padding-left: 10rpx; - &::before{ - content: ' '; - position: absolute; - left: 0; - top: 6rpx; - height: 26rpx; - width: 3rpx; - border-radius: 2rpx; - background-color: $uni-color-primary; - } -} -.smp-tag{ - margin: 0 20rpx 20rpx 0; display: inline-block; -} /************* 动画 /**************/ .animated{animation-duration: 0.5s;animation-fill-mode:both} diff --git a/pages/address/edit.vue b/pages/address/edit.vue index ee9dca2..41473af 100644 --- a/pages/address/edit.vue +++ b/pages/address/edit.vue @@ -1,180 +1,120 @@