diff --git a/components/DropDown/DropDown.vue b/components/DropDown/DropDown.vue
index f72e5d6..759b222 100644
--- a/components/DropDown/DropDown.vue
+++ b/components/DropDown/DropDown.vue
@@ -20,7 +20,7 @@
-
+
@@ -61,6 +61,10 @@
this.activeIndex = -1;
}else
this.activeIndex = index
+ },
+ cancelDrop() {
+ console.log("取消遮罩");
+ this.activeIndex = -1;
}
},
diff --git a/components/DropDown/DropDownItem.vue b/components/DropDown/DropDownItem.vue
index 87ce2f2..c69318a 100644
--- a/components/DropDown/DropDownItem.vue
+++ b/components/DropDown/DropDownItem.vue
@@ -1,12 +1,13 @@
-
+
-
{{item}}
@@ -22,11 +23,43 @@
return []
}
}
- }
+ },
+ data(){
+ return{
+ activeIndex:-1
+ }
+ },
+ methods: {
+ handleMask() {
+ this.$emit('cancelDrop');
+ },
+ async handleActive(index) {
+ this.activeIndex = index;
+ // 设置一个定时器，等待200毫秒
+ const delayPromise = this.delay(200);
+ // 等待定时器完成
+ await delayPromise;
+ this.handleMask();
+ },
+ delay(ms) {
+ return new Promise((resolve) => {
+ // 设置一个定时器，并将定时器的ID存储在this.timerId中
+ this.timerId = setTimeout(() => {
+ resolve();
+ // 清除定时器
+ clearTimeout(this.timerId);
+ }, ms);
+ });
+ },
+ },
+
}
diff --git a/pages/index/NavBarPages/czxx/czxx.vue b/pages/index/NavBarPages/czxx/czxx.vue
index 8183fd0..ef1e820 100644
--- a/pages/index/NavBarPages/czxx/czxx.vue
+++ b/pages/index/NavBarPages/czxx/czxx.vue
@@ -1,6 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -17,6 +33,49 @@
}
-
diff --git a/pages/index/NavBarPages/xmzs/xmzs.vue b/pages/index/NavBarPages/xmzs/xmzs.vue
index 8183fd0..ef1e820 100644
--- a/pages/index/NavBarPages/xmzs/xmzs.vue
+++ b/pages/index/NavBarPages/xmzs/xmzs.vue
@@ -1,6 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
@@ -17,6 +33,49 @@
}
-
diff --git a/pages/index/NavBarPages/zdxx/zdxx.vue b/pages/index/NavBarPages/zdxx/zdxx.vue
index bf6d643..ef1e820 100644
--- a/pages/index/NavBarPages/zdxx/zdxx.vue
+++ b/pages/index/NavBarPages/zdxx/zdxx.vue
@@ -1,16 +1,20 @@
-
-
-
-
+
+
+
+
+
+
+
+
-
+
@@ -33,32 +37,45 @@
page{
background-color: #F8F8F8;
}
- .search-box {
+ .marginLR10{
+ margin: 0 10px;
+ }
+ .search-box-bg{
+ width: 100%;
position: relative;
- z-index: 1;
- left: 50%;
- width: 84.6%;
- transform: translateX(-50%);
-
- .search-box-input {
- border-radius: 12rpx;
- margin-top: 20rpx;
- background-color: #fff;
- opacity: 0.85;
-
- .u-border {
- border: none;
-
- .u-input__content {
- height: 62rpx;
- border-radius: 12rpx;
- background-color: #fff;
-
- .u-input__content__field-wrapper__field {
- font-size: 26rpx !important;
+ z-index: 3;
+ background-color: #F8F8F8;
+ .bug-fix {
+ transform: translateY(-20rpx);
+ width: 100%;
+ height: 20rpx;
+ }
+ .search-box {
+ position: relative;
+ z-index: 2;
+ left: 50%;
+ width: 84.6%;
+ transform: translateX(-50%);
+ .search-box-input {
+ border-radius: 12rpx;
+ background-color: #fff;
+ opacity: 0.85;
+
+ .u-border {
+ border: none;
+
+ .u-input__content {
+ height: 62rpx;
+ border-radius: 12rpx;
+ background-color: #fff;
+
+ .u-input__content__field-wrapper__field {
+ font-size: 26rpx !important;
+ }
}
}
}
}
}
+
diff --git a/pages/index/NavBarPages/zrxx/zrxx.vue b/pages/index/NavBarPages/zrxx/zrxx.vue
index be00c15..fafc32c 100644
--- a/pages/index/NavBarPages/zrxx/zrxx.vue
+++ b/pages/index/NavBarPages/zrxx/zrxx.vue
@@ -1,17 +1,21 @@
-
-
-
-
+
+
+
+
+
+
+
+
-
-
+
+
@@ -33,32 +37,45 @@
page{
background-color: #F8F8F8;
}
- .search-box {
+ .marginLR10{
+ margin: 0 10px;
+ }
+ .search-box-bg{
+ width: 100%;
position: relative;
- z-index: 1;
- left: 50%;
- width: 84.6%;
- transform: translateX(-50%);
-
- .search-box-input {
- border-radius: 12rpx;
- margin-top: 20rpx;
- background-color: #fff;
- opacity: 0.85;
-
- .u-border {
- border: none;
-
- .u-input__content {
- height: 62rpx;
- border-radius: 12rpx;
- background-color: #fff;
-
- .u-input__content__field-wrapper__field {
- font-size: 26rpx !important;
+ z-index: 3;
+ background-color: #F8F8F8;
+ .bug-fix {
+ transform: translateY(-20rpx);
+ width: 100%;
+ height: 20rpx;
+ }
+ .search-box {
+ position: relative;
+ z-index: 2;
+ left: 50%;
+ width: 84.6%;
+ transform: translateX(-50%);
+ .search-box-input {
+ border-radius: 12rpx;
+ background-color: #fff;
+ opacity: 0.85;
+
+ .u-border {
+ border: none;
+
+ .u-input__content {
+ height: 62rpx;
+ border-radius: 12rpx;
+ background-color: #fff;
+
+ .u-input__content__field-wrapper__field {
+ font-size: 26rpx !important;
+ }
}
}
}
}
}
+
diff --git a/pages/index/index.vue b/pages/index/index.vue
index 78900ff..69ea2ae 100644
--- a/pages/index/index.vue
+++ b/pages/index/index.vue
@@ -2,6 +2,9 @@
+
+
+
@@ -54,6 +57,12 @@
width: 100%;
.home-content {
margin: 0 10px;
+ .service {
+ position: fixed;
+ right: 17rpx;
+ top: 1109rpx;
+ z-index: 1;
+ }
}
.show-and-search{
display: flex;
diff --git a/static/cjal/al_icon_dwh.png b/static/cjal/al_icon_dwh.png
new file mode 100644
index 0000000..99ffbe3
Binary files /dev/null and b/static/cjal/al_icon_dwh.png differ
diff --git a/static/cjal/al_icon_flh.png b/static/cjal/al_icon_flh.png
new file mode 100644
index 0000000..ae00ab4
Binary files /dev/null and b/static/cjal/al_icon_flh.png differ
diff --git a/static/cjal/al_icon_mch.png b/static/cjal/al_icon_mch.png
new file mode 100644
index 0000000..b50f108
Binary files /dev/null and b/static/cjal/al_icon_mch.png differ
diff --git a/static/cjal/al_icon_pm.png b/static/cjal/al_icon_pm.png
new file mode 100644
index 0000000..bce3a05
Binary files /dev/null and b/static/cjal/al_icon_pm.png differ
diff --git a/static/cjal/al_icon_sjh.png b/static/cjal/al_icon_sjh.png
new file mode 100644
index 0000000..521d9fd
Binary files /dev/null and b/static/cjal/al_icon_sjh.png differ
diff --git a/static/cjal/anl_tu.png b/static/cjal/anl_tu.png
new file mode 100644
index 0000000..ede9101
Binary files /dev/null and b/static/cjal/anl_tu.png differ
diff --git a/static/statistics/sy_icon_lxkf.png b/static/statistics/sy_icon_lxkf.png
new file mode 100644
index 0000000..d5d0fba
Binary files /dev/null and b/static/statistics/sy_icon_lxkf.png differ