From d27fbd63d7840787d7f3ca5333b6e24dc3a860d4 Mon Sep 17 00:00:00 2001
From: mh-two-thousand-and-two <17391232786@163.com>
Date: 星期五, 29 三月 2024 18:43:30 +0800
Subject: [PATCH] 第二次提交
---
components/headNav/headNav.vue | 95 +++++++++++++++++++++++++++--------------------
1 files changed, 55 insertions(+), 40 deletions(-)
diff --git a/components/headNav/headNav.vue b/components/headNav/headNav.vue
index 36226f6..2f106c4 100644
--- a/components/headNav/headNav.vue
+++ b/components/headNav/headNav.vue
@@ -1,38 +1,41 @@
<template>
<view>
<view class="NavTop flex" :style="{backgroundImage: 'url('+ bg + ')'}">
- <view class="" @click="menuNav = !menuNav"><img src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" /></view>
- <view class="flex" style="font-size: 24rpx;letter-spacing: 5rpx;">
+ <view class="" style="width: .34rem;height: .34rem;" @click="menuNav = !menuNav"><img
+ style="width: 100%;height: 100%;" src="../../static/涓尰浜虹墿鐭ヨ瘑搴�0201/涓夋潯鏉�.png" alt="" /></view>
+ <view class="flex" style="letter-spacing: 5rpx;">
<view class="logo"></view>
- <view class="" style="margin-left: 26rpx;font-size: 30rpx;font-family: cursive;font-weight: 900;">涓尰鍖讳簨鍒跺害
+ <view class="" style="margin-left: .19rem;font-size: .24rem;font-family: cursive;font-weight: 900;">
+ 涓尰鍖讳簨鍒跺害
</view>
- </view>
+ </view>
<view class="NavTopr flex">
- <view class="search-container" style="">
+ <view class="search-container" style="margin-right: .30rem;">
<view :class="{ 'expanded': isExpanded ,'search-bar':isExpanded}">
<input v-if="isExpanded" type="text" @blur="InputBlur" class="search-input"
v-model="searchInput" placeholder="璇疯緭鍏ユ悳绱㈠唴瀹�" />
- <img style="background-color: #000;border-radius: 50%;margin-top: -4rpx;" class="search-logo"
- @click="toggleSearch" src="@/static/image/search.png"></img>
+ <!-- <img
+ src=""></img> -->
+ <view class="search-logo" @click="toggleSearch" style="background-color: #000;border-radius: 50%;margin-top: -4rpx;"></view>
</view>
</view>
<!-- <img style="border-radius: 50%;display: inline-block;" src="../../static/image/search.png" alt="" /> -->
- <img src="@/static/image/people.png" style="display: inline-block;" alt="" />
- <img src="@/static/image/question.png" alt="" />
+ <img src="@/static/image/profile.svg" alt="" />
+ <img src="@/static/image/quote.svg" style="margin-right: 0;" alt="" />
</view>
</view>
<view class="mImage" :style="{backgroundImage: 'url('+ bg1 + ')'}"></view>
- <el-dialog :visible.sync="menuNav" class="leftListBg" :modal="false" title="瀵硅瘽妗嗘爣棰�">
+ <el-dialog :visible.sync="menuNav" class="leftListBg" :modal="false" title="瀵硅瘽妗嗘爣棰�">
<!-- 鑳屾櫙 -->
<img class="leftListBgImage" src="@/static/image/leftListBg.png" alt="" />
<view class="" style="position: relative;z-index: 999;">
- <view class="flex" style="justify-content: center;margin: 90rpx 0;">
+ <view class="flex" style="justify-content: center;margin: .52rem 0 .46rem 0;">
<img src="@/static/image/logo.png" style="width: 100rpx;height: 100rpx;"></img>
</view>
<el-menu default-active="1" active-text-color="#ffffff" class="el-menu-vertical-demo"
@select="handleSelect">
<el-menu-item index="1" style=" border-radius: 30px;">
- <span slot="title" >棣栭〉</span>
+ <span slot="title">棣栭〉</span>
</el-menu-item>
<el-menu-item index="2">
<span slot="title">涓尰浜虹墿鏁版嵁搴�</span>
@@ -64,15 +67,15 @@
export default {
name: "headNav",
props: {
- bg:{
- type:String,
- default(){
+ bg: {
+ type: String,
+ default () {
return '/static/image/topBg.png'
}
},
- bg1:{
- type:String,
- default(){
+ bg1: {
+ type: String,
+ default () {
return '/static/image/line.png'
}
}
@@ -103,15 +106,15 @@
// uni.navigateTo({
// url: '/pages/option3Page'
// });
- }else if (index === '4') {
+ } else if (index === '4') {
// uni.navigateTo({
// url: '/pages/option3Page'
// });
- }else if (index === '5') {
+ } else if (index === '5') {
// uni.navigateTo({
// url: '/pages/option3Page'
// });
- }else if (index === '6') {
+ } else if (index === '6') {
// uni.navigateTo({
// url: '/pages/option3Page'
// });
@@ -146,18 +149,18 @@
.NavTop {
/* background: url(@/static/image/topBg.png); */
background-size: 100% 100%;
- padding: 25rpx;
+ padding: .16rem .24rem;
color: #fff !important;
img {
- width: 30rpx;
- height: 30rpx;
+ width: .1rem;
+ height: .1rem;
vertical-align: middle;
}
.logo {
- width: 40rpx;
- height: 40rpx;
+ width: .32rem;
+ height: .32rem;
background: url(@/static/image/logo.png) 0 0 no-repeat;
background-size: 100% 100%;
}
@@ -166,7 +169,9 @@
vertical-align: top;
img {
- margin-right: 20rpx;
+ width: .34rem;
+ height: .34rem;
+ margin-right: .30rem;
vertical-align: middle;
}
}
@@ -174,7 +179,7 @@
.mImage {
width: 100%;
- height: 30rpx;
+ height: .2rem;
/* background-image: url(@/static/image/line.png); */
background-size: cover;
/* 鑳屾櫙鍥剧墖瑕嗙洊鏁翠釜鍏冪礌 */
@@ -230,13 +235,15 @@
}
.search-logo {
- width: 30rpx;
+ width: .34rem;
/* logo鍥炬爣鐨勫搴� */
- height: 30rpx;
+ height: .34rem;
/* logo鍥炬爣鐨勯珮搴� */
margin-left: 10rpx;
/* 涓庤緭鍏ユ涔嬮棿鐨勯棿璺� */
cursor: pointer;
+ background-image: url(@/static/image/search.svg);
+ background-size: 100% 100%;
}
.leftListBg {
@@ -260,29 +267,37 @@
::v-deep .el-menu .is-active {
background-color: #244A7B !important;
border-radius: 30px;
+
+ /* padding: 0 .14rem !important; */
}
.el-menu-item {
- line-height: 40px;
- height: 40px;
- margin: 20rpx 0;
-
- span {
- vertical-align: top;
- }
+ height: .34rem;
+ font-size: .16rem;
+ text-align: center;
+ font-weight: 500;
+ margin: .13rem .14rem !important;
+ display: flex;
+ justify-content: center;
+ align-items: center;
}
- ::v-deep .el-dialog__body{
+
+ ::v-deep .el-dialog__body {
padding-top: 0 !important;
}
+
::v-deep .el-dialog {
margin-top: 0 !important;
position: fixed;
top: 0;
left: 0;
height: 100vh;
- width: 500rpx;
+ width: 2.51rem;
}
- ::v-deep .el-dialog__header{
+
+ ::v-deep .el-dialog__header {
display: none;
}
+
+ /* ::v-deep .el-menu-vertical-demo */
</style>
\ No newline at end of file
--
Gitblit v1.9.1