From f8867b8df117d1ac0f1311970994e15059c3da03 Mon Sep 17 00:00:00 2001
From: xuxueyang <xuxy@fengyuntec.com>
Date: 星期四, 05 九月 2024 15:57:36 +0800
Subject: [PATCH] add 兼容扫码问题
---
components/footer/main.scss | 144 +++++++++++++++++++++++++++++++----------------
1 files changed, 95 insertions(+), 49 deletions(-)
diff --git a/components/footer/main.scss b/components/footer/main.scss
index 240c0ee..dbec33b 100644
--- a/components/footer/main.scss
+++ b/components/footer/main.scss
@@ -1,9 +1,10 @@
.footer {
position: fixed;
// position: sticky;
- bottom: 0px;
+ bottom: 60rpx;
left: 0px;
- width: 100vw;
+ // width: 100vw;
+ min-width: 600rpx;
// height: 98rpx;
// background: #fff;
// background-image: url('../../static/imgs/home/foot-bg.png');
@@ -18,11 +19,11 @@
// border-top: 2rpx solid #F2f2f2f2;
.footer-item{
flex: 1;
- border-radius: 50rpx;
- padding: 8rpx;
+ border-radius: 50rpx;
+ padding: 8rpx;
+
.item {
- font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
// color: #A1A6B3;
color: var(--topicgray);
@@ -36,16 +37,7 @@
height: 60rpx;
line-height: 60rpx;
- &.cur {
- // font-weight: 600;
- // font-size: 28rpx;
- // color: #000000;
- // text-align: left;
- // font-style: normal;
- background: #E1F0E7;
- border-radius: 50rpx;
- color: var(--topicolor);
- }
+
@@ -58,60 +50,114 @@
// height: 50rpx;
// margin-top: 20rpx;
// }
+
.footer-icon.0 {
width: 28rpx;
height: 29rpx;
}
.footer-icon.1 {
- width: 26rpx;
- height: 32rpx;
+ width: 26rpx;
+ height: 32rpx;
}
}
}
- .popup_brand{
- margin-top: calc(50% + 200rpx);
- // left: 50%;
- // left: calc(50% - 295rpx);
- // transform: translate(-295rpx,250rpx);
- margin-left: 78rpx - 26rpx;
- width: 594rpx;
- height: 500rpx - 52rpx;
- background: linear-gradient(180deg, #D8F0EE 0%, #FFFFFF 100%);
- border-radius: 16rpx;
- padding: 26rpx;
- position: relative;
- .icon{
- z-index: -1;
- position: absolute;
- width: 266rpx;
- height: 146rpx;
- top: -134rpx;
- left: 50%;
- transform: translateX(-50%);
- }
- .close-parent{
- margin-bottom: 34rpx;
- }
- .button-green{
- margin-top: 50rpx;
- }
- }
}
// .aaa{
// position:static;
// position: sticky;
// top: -10px;
// }
-
-.footer.bussincess-footer{
+.footer-icon{
+ width: 36rpx;
+ height: 36rpx;
+}
+.footer.supplier-footer{
+ left: 50%;
+ transform: translateX(-50%);
background-image: unset;
background-color: #fff;
- padding-top:0rpx;
+ border-radius: 50rpx;
+ padding:8rpx;
.footer-item{
+ border-radius: 50rpx;
+ width: 252rpx;
+
.item {
margin-top: 0rpx;
padding-top: 0rpx;
+ min-width: unset;
+
+ // min-width: 252rpx;
+ // max-width: 252rpx;;
+ padding-top: 12rpx;
+ line-height: 50rpx;
+ .footer-icon{
+ margin-top: 8rpx;
+ }
+ }
+
+ }
+ .footer-item.cur {
+ // font-weight: 600;
+ // font-size: 28rpx;
+ // color: #000000;
+ // text-align: left;
+ // font-style: normal;
+ background: #E1F0E7;
+ border-radius: 50rpx;
+ color: var(--topicolor);
+ }
+}
+
+.footer.customer-footer{
+ background-color: #fff;
+ bottom: 0rpx;
+ left:0rpx;
+ right: 0rpx;
+ width: 750rpx;
+ padding-bottom: 40rpx;
+
+ .footer-item{
+ flex: 1;
+ border-radius: 50rpx;
+ padding: 8rpx;
+
+ .item {
+
+ font-weight: 400;
+ color: #A1A6B3;
+
+ flex-direction: column;
+ align-items: center;
+ text-align: center;
+ min-width: 100rpx;
+ font-size: 24rpx;
+ line-height: 34rpx;
+
+ min-height: 40rpx;
+
+ .footer-icon.0 {
+ width: 37rpx;
+ height: 43rpx;
+ }
+ .footer-icon.1 {
+ width: 38rpx;
+ height: 39rpx;
+ }
+ .footer-icon.2 {
+ width: 39rpx;
+ height: 38rpx;
+ }
+ .footer-icon.3 {
+ width: 31rpx;
+ height: 38rpx
+ }
+ }
+ .item.cur {
+ color: #20613D;
}
}
-}
\ No newline at end of file
+
+}
+
\ No newline at end of file
--
Gitblit v1.9.3