From f8867b8df117d1ac0f1311970994e15059c3da03 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期四, 05 九月 2024 15:57:36 +0800
Subject: [PATCH] add 兼容扫码问题
---
common/self.scss | 964 +-------------------------------------------------------
1 files changed, 19 insertions(+), 945 deletions(-)
diff --git a/common/self.scss b/common/self.scss
index d99fa0b..9916e79 100644
--- a/common/self.scss
+++ b/common/self.scss
@@ -1,950 +1,24 @@
/* $self-gray: #9a9da2; */
-:root {
- --selfgray: #9a9da2;
- --self_light_gray: #dce3e9;
- --title_font_size: 60rpx;
- --title_font_size2: 40rpx;
- --selfblue: #3140A2;
- --selfbluebg: #3140A2;
-
- /* --selfblue: #1E79F7; */
- --selforg: #F7A01E;
- --topicolor:#20613D;
- --topicgray: #999999;
- --topicdarkgray: #936E32;
-}
-body{
- --tcolor: #3140A2;
- font-family: PingFangSC-Regular, PingFang SC;
-}
-.topic-font{
- color: var(--topicolor);
-}
-.topic-gray{
- color: var(--topicgray);
-}
-.t-red{
- color: #CE3C39 !important;
-}
-.t-green{
- color: #04BA97 !important;
-}
-.uni-section .uni-section-header__decoration {
- background-color: #04BA97 !important;
-}
-.f-32 {
- font-size: 32rpx;
-}
-.f-14 {
- font-size: 28rpx;
-}
+:root, page {
+ --selfgray: #9a9da2;
+ --self_light_gray: #dce3e9;
+ --title_font_size: 60rpx;
+ --title_font_size2: 40rpx;
+ --selfblue: #3140A2;
+ --selfbluebg: #3140A2;
-.f-12 {
- font-size: 24rpx;
+ /* --selfblue: #1E79F7; */
+ --selforg: #F7A01E;
+ --topicolor: #20613D;
+ --topicgray: #999999;
+ --topicdarkgray: #936E32;
}
-.scroll-container {
- max-height: 80vh;
- overflow: scroll;
-}
-
-.m-t-8 {
- margin-top: 16rpx;
-}
-.m-20{
- margin: 20rpx;
-}
-.m-b-24{
- margin-bottom: 24rpx;
-}
-
-
-.border-button-blue {
- border: 2rpx solid #3140A2;
- /* padding: 14rpx; */
-
- border-radius: 16rpx;
- padding-left: 40rpx;
- padding-right: 40rpx;
- padding-top:8rpx;
- padding-bottom:8rpx;
- text-align:center;
-
-}
-
-.bg-button-blue {
- background-color: #3140A2;
- border-radius: 8rpx;
- padding-left: 40rpx;
- padding-right: 40rpx;
-}
-
-.border-button-org {
- border: 2rpx solid #3140A2;
- /* padding: 14rpx; */
-
- border-radius: 8rpx;
- padding-left: 40rpx;
- padding-right: 40rpx;
-}
-
-.white {
- background-color: #FFFFFF;
-}
-
-.bg-white {
- background-color: #FFFFFF;
-}
-
-.bg-app-white {
- background-color: #FFFFFF;
- min-height: 800rpx;
-}
-
-.bg-grey {
- background-color: #f3f2f2;
-}
-
-.flex {
- display: flex;
- flex-wrap: wrap;
-}
-
-.title-before-blue {
- padding-top: 40rpx;
- padding-bottom: 40rpx;
- font-size: var(--title_font_size2);
-}
-
-.title-before-blue:before {
- content: "|";
- color: #3140A2;
- margin-right: 20rpx;
-}
-
-.blue {
- color: #3140A2
-}
-
-.org {
- color: #3140A2
-}
-
-.tab {
- cursor: pointer;
-}
-
-/* 谷歌浏览器，最小字体是12px，需要自己配置 */
-.font-small {
- font-size: 6px;
-}
-.text-blue{
- color: #3140A2
-}
-
-.image-s {
- background-size: 100% 100%;
-}
-
-.w-fit {
- width: fit-content;
-}
-
-.h-fit {
- height: fit-content;
-}
-
-.m-auto {
- margin: 0 auto;
-}
-
-.m-l-a {
- margin-left: auto !important;
-}
-.m-r-0{
- margin-right: 0px;
-}
-
-.m-l-40 {
- margin-left: 80rpx;
-}
-
-.m-r-a {
- margin-right: auto;
-}
-.m-r-15{
- margin-right: 30rpx;
-}
-.m-l-0 {
- margin-left: 0px;
-}
-.m-t-2{
- margin-top: 4rpx;
-
-}
-.m-r-2 {
- margin-right: 4rpx;
-
-}
-
-.m-r-10 {
- margin-right: 20rpx;
-
-}
-.m-l-10 {
- margin-left: 20rpx;
-
-}
-.flex1{
- flex:1;
-}
-.m-r-20 {
- margin-right: 40rpx;
-
-}
-
-.m-t-20 {
- margin-top: 40rpx;
-}
-
-.m-t-12 {
- margin-top: 24rpx;
-}
-
-.m-r-40 {
- margin-right: 80rpx;
-}
-.m-r-6{
- margin-right: 12rpx;
-}
-.m-r-80 {
- margin-right: 160rpx;
-}
-
-.m-b-20 {
- margin-bottom: 40rpx;
-}
-.m-b-40{
- margin-bottom: 40rpx;
-}
-.m-b-5 {
- margin-bottom: 10rpx;
-}
-
-.m-t-4 {
- margin-top: 8rpx;
-}
-.m-t-15{
- margin-top:30rpx;
-}
-.m-t-icon {
- margin-top: 8rpx;
-}
-
-.m-t-icon-h2 {
- margin-top: 16rpx;
-}
-
-.p9-12{
- padding: 18rpx 24rpx;
-}
-.p15{
- padding: 30rpx;
-
-}
-.p10 {
- padding: 20rpx;
-}
-
-.p20 {
- padding: 40rpx;
-}
-
-.p40 {
- padding: 80rpx;
-}
-.m-l-15{
- margin-left: 30rpx;
-}
-.p-t-5 {
- padding-top: 5px;
-}
-
-.p-l-10 {
- padding-left: 20rpx !important;
-}
-.p-b-0{
- padding-bottom: 0px;
-}
-.p-r-10 {
- padding-right: 20rpx !important;
-}
-
-.l-h-2 {
- line-height: 1.2;
-}
-
-.desc-gray {
- color: #9a9da2;
-}
-
-.border {
- border: 1px solid var(--self_light_gray);
-}
-
-.t-white {
- color: #FFFFFF;
-}
-
-.button-blue {
- color: #3140A2 !important;
-}
-.button-common{
- padding: 10rpx 20rpx;
- /* padding-left: 40rpx; */
- /* padding-right: 40rpx; */
- text-align: center;
- color: #3140A2 !important;
- cursor: pointer;
-}
-.button-submit{
- text-align: center;
- height: 80rpx;
- background: #3140A2;
- border-radius: 88rpx;
- line-height: 80rpx;
- color: #FFFFFF;
- cursor: pointer;
-}
-.radius-44{
- border-radius: 44rpx;
-}
-.button-red {
- color: #CE3C39 !important;
-}
-
-.title-blue {
- color: #0052a4;
- font-size: 60rpx;
-}
-
-.text-center {
- text-align: center;
-}
-
-.text-right {
- text-align: right;
-}
-
-.f1 {
- flex: 1;
-}
-
-.f2 {
- flex: 1;
-}
-
-.h1 {
- font-size: var(--title_font_size)
-}
-
-.h2 {
- font-size: var(--title_font_size2);
-}
-
-.title-more {
- color: var(--selfgray);
-}
-
-.title-bold {
- font-weight: 600;
-}
-
-.image-size-30 {
- width: 60rpx;
- height: 60rpx;
-}
-.b-r-20{
- border-radius: 40rpx;
-}
-.b-r-10{
- border-radius: 20rpx;
-}
-.line-gray {
- background-color: var(--self_light_gray);
- height: 2rpx;
- width: 100%;
- margin-top: 18rpx;
- margin-bottom: 20rpx;
-}
-
-.line-gray-big {
- background-color: #f3f3f3;
- height: 40rpx;
- width: 100%;
-}
-
-.line-v {
- width: 2rpx;
- /* height: 80%; */
- height: auto;
- /* margin-top: 10%; */
- background-color: var(--self_light_gray);
- margin-left: 20rpx;
- margin-right: 20rpx;
-}
-
-/* .title-more:after{
- content: url(../static/60x60.png);
-} */
-
-.image-icon {
- width: 120rpx;
- height: 120rpx;
- border-radius: 50%;
-}
-
-.icon-small {
- width: 32rpx;
- height: 36rpx;
-}
-
-.price-orange {
- /* color: #d26600; */
- color: #ebb360;
- text-align: right;
-}
-
-.nav-current {
- background-color: #3140A2;
- position: relative;
- color: #FFFFFF;
-}
-
-.pointer {
- cursor: pointer;
-}
-
-.nav-current:before {
- position: absolute;
- top: 0;
- right: 0;
- left: 0;
- height: 2px;
- content: '';
- -webkit-transform: scaleY(.5);
- transform: scaleY(.5);
- background-color: #3140A2;
-}
-
-.calendar {
- border-radius: 10rpx;
- padding-left: 20rpx;
- padding-top: 4rpx;
- padding-bottom: 4rpx;
- padding-right: 20rpx;
- min-width: 400rpx;
- cursor: pointer;
-}
-
-/* special */
-.tips {
- margin-top: 20rpx;
-}
-
-.tips .button-blue {
- border: 1px solid #3140A2;
- padding: 10rpx;
- width: 200rpx;
- line-height: 28rpx;
- text-align: center;
- padding-left: 20rpx;
- padding-right: 20rpx;
- border-radius: 40rpx;
- margin-right: 20rpx;
-}
-
-.el-dropdown-link {
- cursor: pointer;
- color: #409EFF;
-}
-
-.el-icon-arrow-down {
- font-size: 12px;
-}
-
-.app-tips {}
-
-.app-tips .app-tip {
- background-color: #F3F3F3;
- text-align: center;
- border-radius: 10rpx;
- width: 102rpx;
- color: #999999
-}
-
-.p-b-5 {
- padding-bottom: 10rpx;
-}
-
-.word-e {
- display: block;
- overflow: hidden;
- white-space: nowrap;
- -o-text-overflow: ellipsis;
- text-overflow: ellipsis;
-}
-.m5{
- margin: 10rpx;
-}
-
-.high-line{
- background-color: #6dfaff77;
-}
-.icon-arrow-right{
- width: 32rpx;
- height: 32rpx;
-}
-.w-m-300 .uni-section{
- min-width: 600rpx;
-}
-
-.w-180{
- width: 360rpx;
-}
-.img-d{
- background-size: 100% 100%;
-}
-.m-t-36{
- margin-top: 36rpx;
-}
-
-.button-green-1{
- height: 80rpx;
-
- background: #04BA97;
- border-radius: 44rpx;
- line-height: 80rpx;
- text-align: center;
- color: #FFFFFF;
- font-size: 32rpx;
-}
-.button-green-border{
- height: 80rpx;
- border: 1px solid #04BA97;
- border-radius: 44rpx;
- line-height: 80rpx;
- text-align: center;
- color: #04BA97;
- font-size: 32rpx;
-}
-.button-circle {
- width: 100rpx;
- position: fixed;
- right: 60rpx;
- height: 100rpx;
- color: #ffffff;
- font-size: 36rpx;
- cursor: pointer;
- text-align: center;
- font-weight: 400;
- line-height: 100rpx;
- margin: 0 auto;
- bottom: 160rpx;
- // background:radial-gradient(#FFFFFF, #4ce531);
- border-radius: 50%;
- background-color: #04BA97;
-}
-// #ifdef APP || H5
-.button-circle.app{
- background-color: unset;
- background-size: 100% 100%;
- width: 136rpx;
- height: 136rpx;
-}
-// #endif
-.flex-w100{
- min-width: 100%;
-}
-.p-b-20{
- padding-bottom: 40rpx;
-}
-.app-container{
- min-height: calc(100vh - 100rpx);
- height: 100%;
- background-color: rgba(247, 247, 247, 1);
-}
-.msg-tip{
- font-size: 24rpx;
- font-family: PingFangSC, PingFang SC;
- font-weight: 400;
- color: #999999;
- line-height: 34rpx;
-}
-.top-search-button{
- color: #fff;
- text-align: center;
- line-height: 80rpx;
- height: 80rpx;
-}
-.form-item .required::before{
- content: "*";
- color: red;
-}
-.self-form-item .required::before{
- content: "*";
- color: red;
-}
-.file-text{
- color:#3140A2;
- word-break: break-all;
-
-}
-.v-center{
- align-items: center;
-}
-.t-grey{
- color: #999999;
-}
-.button-text{
- text-align: center;
- color: #3140A2;
-
- width: 100rpx;
- font-size: 36rpx;
- cursor: pointer;
- text-align: center;
- font-weight: 400;
- line-height: 100rpx;
- border:2rpx solid #3140A2;
-}
-.button-bind{
- text-align: center;
- color: #3140A2;
- width: 160rpx;
- font-size: 28rpx;
- cursor: pointer;
- text-align: center;
- font-weight: 400;
- line-height: 60rpx;
- border:2rpx solid #3140A2;
- border-radius: 40rpx;
- background-color: rgb(244, 247, 254);
-}
-.button-bind-1{
- background-color: #3140A2;
- color: #fff;
-}
-.button-fixed-bottom{
- position: fixed;
- bottom: 60rpx;
- left: 40rpx;
- right: 40rpx;
-}
-
-.close-parent{
- position: relative;
- font-weight: 600;
- font-size: 32rpx;
- color: #000000;
- text-align: center;
- .close{
- position: absolute;
- right: 40rpx;
- top: calc(50% - 24rpx);
- }
-}
-.common-select-items{
- .common-select-item{
-
- }
-}
-
-.uni-noticebar{
- border-radius: 10rpx;
- height: 68rpx;
- .self-uni-notice-bar-icon-left{
- width: 58rpx;
- height: 52rpx;
- }
- .self-uni-notice-bar-icon{
- width: 16rpx;
- height: 24rpx;
- }
-}
-
-.button-green{
- width: 302rpx;
- height: 80rpx;
- background: #04BA97;
- border-radius: 62rpx;
-
- font-size: 32rpx;
- font-family: PingFangSC, PingFang SC;
- font-weight: 600;
- color: #FFFFFF;
- line-height: 80rpx;
- text-align: center;
- // margin: 0 auto;
- margin-left:auto;
- margin-right:auto;
- display: block;
-}
-.button-grey{
- width: 440rpx;
- height: 92rpx;
- border-radius: 62rpx;
- border: 2rpx solid #666666;
- font-size: 32rpx;
- font-family: PingFangSC, PingFang SC;
- font-weight: 400;
- color: #666666;
- line-height: 92rpx;
- display: block;
- margin: 0 auto;
-}
-.close-parent{
- position: relative;
- font-size: 28rpx;
- font-family: PingFangSC, PingFang SC;
- font-weight: 600;
- color: #000000;
- line-height: 40rpx;
- // margin-bottom: 34rpx;
- text-align: center;
- .close{
- position: absolute;
- right: 0rpx;
-
- }
-}
-
-.form {
- .form-item{
- display:flex;
- border-bottom: 2rpx solid #EEEEEE;
- height: 36rpx;
- line-height:36rpx;
- padding-top:30rpx;
- padding-bottom:30rpx;
- .require::before{
- content:'*';
- color:red;
- }
- .form-item-label{
- position:absolue;
- width: 160rpx;
- font-size: 28rpx;
- color: #000000;
- line-height: 40rpx;
- font-weight:600;
- text-align: left;
- font-style: normal;
- }
- .form-item-value{
- font-size: 28rpx;
- }
- }
-}
- .footer-shop{
- width: 690rpx;
- height: 92rpx;
- line-height: 92rpx;
- background: #04BA97;
- border-radius: 62rpx;
- .total{
- margin-left: 40rpx;
- width: 104rpx;
- font-size: 28rpx;
- color: #FFFFFF;
-
- }
- .price{
- margin-left: 8rpx;
- font-weight: 600;
- font-size: 50rpx;
- color: #FFFFFF;
- line-height: 84rpx;
- }
-
- .txt{
- font-weight: 600;
- font-size: 32rpx;
- color: #FFFFFF;
- margin-right: 72rpx;
- margin-left: auto;
- }
- }
-
-.radio{
- width: 22rpx;
- height: 22rpx;
- border-radius: 50%;
- border:1rpx solid #999999
-}
-.radio.select{
- background: #04BA97;
- border:1rpx solid #04BA97
-
-}
-
-
- // 表单的
- .popup-form{
- background-color: #FFFFFF;
- padding: 30rpx;
- .form-vars{
- margin-top: 36rpx;
- margin-bottom: 56rpx;
- .title{
- font-weight: 600;
- font-size: 40rpx;
- color: #000000;
- line-height: 56rpx;
- }
- .var-title{
- font-weight: 600;
- font-size: 32rpx;
- color: #000000;
- line-height: 44rpx;
- margin-top: 38rpx;
- }
- .var-items{
- display: flex;
- flex-wrap: wrap;
- .var-item{
- min-width: 82rpx;
- padding-left: 10rpx;
- padding-right: 10rpx;
- height: 56rpx;
- line-height: 56rpx;
- border-radius: 8rpx;
- border: 2rpx solid #CECECE;
- font-size: 24rpx;
- color: #000000;
- text-align: center;
- margin-right: 16rpx;
- margin-top: 8rpx;
- }
- .var-item.cur{
- border: 2rpx solid #fff;
- background-color: #04BA97;
- color: #fff;
- font-weight: 600;
- }
- }
-
- }
- .cover-img{
- width: 690rpx;
- height: 394rpx;
- }
- }
-
-.v-line{
- height: 4rpx;
- // border: 2rpx solid #EEEEEE;
- background: #EEEEEE;
- margin-top: 22rpx;
- margin-bottom: 22rpx;
-}
-
-.icon-down{
- transform: rotate(90deg);
-}
-
-.info-brand {
- padding: 20rpx 30rpx;
- background: #fff;
-
- .name {
- margin-bottom: 22rpx;
- font-weight: 600;
- }
-
- .store-logo {
- width: 96rpx;
- height: 96rpx;
- border-radius: 50%;
- margin-right: 20rpx;
- }
-
- .store-name {
- font-weight: 400;
- font-size: 32rpx;
- color: #000000;
- line-height: 96rpx;
- }
-}
-.img100{
- background-size: 100% 100%;
-}
- .infocontainar {
- width: 100vw;
- height: calc(100vh - 300rpx);
- background: #fff;
- box-sizing: border-box;
- padding: 0 30rpx;
-
- .avatarUrl {
- padding: 80rpx 0 40rpx;
- background: #fff;
-
- button {
- background: #fff;
- line-height: 80rpx;
- height: auto;
- border: none !important;
- width: auto;
- // padding: 20rpx 30rpx;
- margin: 0;
- display: flex;
- border: none;
- justify-content: center;
- align-items: center;
-
- &::after {
- border: none;
- }
-
- .refreshIcon {
- width: 160rpx;
- height: 160rpx;
- border-radius: 50%;
- background-color: #ccc;
- border: 1px solid #e0dfdf;
- }
-
- .jt {
- width: 14rpx;
- height: 28rpx;
- }
- }
- }
-
- .userName {
- background: #fff;
- padding: 20rpx 30rpx 80rpx;
- display: flex;
- align-items: center;
- justify-content: center;
-
- .weui-input {
- padding-left: 60rpx;
- padding-bottom: 20rpx;
- border-bottom: 1px solid darkgray;
- }
- }
-
- .btn {
- margin-top: 30rpx;
- }
- }
-
-
-.before-line::before{
- border-top: 2rpx solid #EEEEEE;
+$u-main-color: #20613D;
+$main-color: #20613D;
+$u-primary: #20613D;
+body {
+ --tcolor: #3140A2;
+ // font-family: , PingFang SC;
+ font-family: PingFangSC, PingFang SC,PingFangSC-Regular;
}
-.img100{
- background-size: 100% 100%;
-}
\ No newline at end of file
--
Gitblit v1.9.3