diff --git a/components/nav/nav.css b/components/nav/nav.css
index 21e77f63..cdbf1ae6 100644
--- a/components/nav/nav.css
+++ b/components/nav/nav.css
@@ -1,4 +1,3 @@
-
.foot-fixed {
position: fixed;
bottom: -1px;
@@ -8,14 +7,17 @@
width: 100%;
background: #ffffff;
border-top: 1px solid #E8E8E8;
- box-shadow: 0 0 3px rgba(0,0,0,0.1);
+ box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
+
.foot-fixed .foot-item {
padding: 0;
}
+
.foot-fixed .foot-item {
position: relative;
}
+
.foot-fixed .foot-item {
width: 20%;
float: left;
@@ -27,48 +29,88 @@
align-items: center;
justify-content: center;
}
+
a {
color: #666;
text-decoration: none;
}
+
a {
background: transparent;
}
-.foot-fixed .foot-item .foot-icon-box{
+.foot-fixed .foot-item .foot-icon-box {
display: flex;
align-items: center;
justify-content: center;
width: 66rpx;
height: 66rpx;
}
+
.foot-fixed .foot-item .foot-icon {
width: 47rpx;
margin: 0 auto;
}
+
.foot-fixed .foot-item .foot-icon2 {
width: 66rpx;
height: 66rpx;
margin: 0 auto;
}
+.foot-icon3{
+ width: 130rpx;
+ height: 130rpx;
+ border-radius: 50%;
+}
+
.foot-fixed .foot-item .foot-label {
margin: 5px 0;
}
+
.foot-fixed .foot-item .foot-label {
height: 15px;
line-height: 15px;
font-size: 12px;
}
+
.foot-fixed .foot-item span {
display: block;
width: 100%;
text-align: center;
}
+.foot-fixed .scan-item {
+ position: relative;
+ margin-top: -30rpx;
+ z-index: 1000;
+}
+.foot-fixed .scan-item .foot-icon-box {
+ width: 130rpx;
+ height: 130rpx;
+ background: #fff;
+ border-radius: 50%;
+ box-shadow: 0 0 20rpx rgba(255, 77, 79, 0.5);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-bottom: -20rpx;
+}
+
+.foot-fixed .scan-item .foot-icon {
+ width: 130rpx;
+ height: 130rpx;
+ border-radius: 50%;
+}
+
+.foot-fixed .scan-item .foot-label {
+ margin-top: 10rpx;
+ color: #FF4D4F;
+ font-weight: bold;
+}
/* 自定义导航栏 */
.nav-box {
diff --git a/components/nav/nav.vue b/components/nav/nav.vue
index 8ebf0028..73b0e532 100644
--- a/components/nav/nav.vue
+++ b/components/nav/nav.vue
@@ -7,7 +7,7 @@
@click="jump"
:data-idx="index"
:data-url="item.url"
- class="foot-item"
+ :class="{ 'foot-item': true, 'scan-item': item.isScan }"
>