页面结构调整完成

components/Blank/index.vue

@@ -1,102 +0,0 @@
-<template>
-	<view class="blank-page" v-if="showBlank">
-		<view class="blank-img-box">
-			<slot name="blankImg">
-				<image src="../../static/home/blank-box.png" class="blank-img"></image>
-			</slot>
-		</view>
-		<view class="blank-text">
-			<text>{{message}}</text>
-		</view>
-		<view class="blank-button" @click="btnClick" v-if="showButton">
-			<slot name="button">
-				<view class="default-button">
-					{{buttonText}}
-				</view>
-			</slot>
-		</view>
-	</view>
-</template>
-
-<script>
-	/**
-	 * 组件根据文档定位至最中部分，层级为 2
-	 * 背景并非全部覆盖，请根据需求显示隐藏
-	 * 自定义图片的时候需要自己写尺寸
-	 * */
-	export default {
-		props: {
-			showBlank: {
-				type: Boolean,
-				default: true
-			},
-			message: {
-				type: String,
-				default: '暂无信息!!'
-			},
-			buttonText: {
-				type: String,
-				default: '按钮文字'
-			},
-			showButton: {
-				type: Boolean,
-				default: false
-			},
-		},
-		data() {
-			return {
-
-			}
-		},
-		methods: {
-			btnClick() {
-				this.$emit('btnClick')
-			}
-		},
-	}
-</script>
-
-<style scoped lang="scss">
-	.blank-page {
-		width: 100vw;
-		padding-top: 100px;
-		// position: absolute;
-		// top: 50%;
-		// left: 50%;
-		// transform: translate(-50%, -50%);
-		z-index: 2;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-	}
-
-	.blank-img-box {
-		display: flex;
-		justify-content: center;
-		width: 100%;
-	}
-
-	.blank-img {
-		display: block;
-		width: 193px;
-		height: 131px;
-	}
-
-	.blank-text {
-		margin-top: 5px;
-		margin-bottom: 32px;
-		font-size: 14px;
-		color: #AAAAAA;
-	}
-
-	.default-button {
-		width: 160px;
-		height: 44px;
-		background: rgb(52, 137, 255);
-		box-shadow: 0px 2px 3px rgba(52, 137, 255, 0.29);
-		border-radius: 22px;
-		color: #fff;
-		line-height: 44px;
-		text-align: center;
-	}
-</style>

components/Tab/Tab.vue

@@ -1,115 +0,0 @@
-<template>
-	<view class="bottom top-border">
-		<view class="nav-box">
-			<view class="nav-tab" @click="toIndex(0)">
-				<view class="nav-icon">
-					<image :src="businessHighlightUrl" v-if="index === 0" class="home-img image"></image>
-					<image :src="business" v-else class="home-img image"></image>
-				</view>
-				<view class="nav-text" :class="{textColor:index === 0}">
-					首页
-				</view>
-			</view>
-			<view class="nav-tab" @click="toIndex(1)">
-				<view class="nav-icon">
-					<image :src="homeHighlightUrl" v-if="index === 1" class="home-img image"></image>
-					<image :src="homeUrl" v-else class="home-img image"></image>
-				</view>
-				<view class="nav-text" :class="{textColor:index === 1}">
-					我的事务
-				</view>
-			</view>
-			<view class="nav-tab" @click="toIndex(2)">
-				<view class="nav-icon">
-					<image :src="newsHighlightUrl" v-if="index === 2" class="home-img image"></image>
-					<image :src="newsUrl" v-else class="home-img image"></image>
-				</view>
-				<view class="nav-text" :class="{textColor:index === 2}">
-					福航动态
-				</view>
-			</view>
-			<view class="nav-tab" @click="toIndex(3)">
-				<view class="nav-icon">
-					<image :src="myHighlightUrl" v-if="index === 3" class="home-img image"></image>
-					<image :src="myUrl" v-else class="home-img image"></image>
-				</view>
-				<view class="nav-text" :class="{textColor:index === 3}">
-					个人中心
-				</view>
-			</view>
-		</view>
-	</view>
-</template>
-
-<script>
-	export default {
-		props: {
-			index: {},
-		},
-		components: {},
-		data() {
-			return {
-				// index: 0,
-				business: require('@/static/tabBar/business.png'),
-				businessHighlightUrl: require('@/static/tabBar/business-highlight.png'),
-				myUrl: require('@/static/tabBar/my.png'),
-				myHighlightUrl: require('@/static/tabBar/my-highlight.png'),
-				homeUrl: require('@/static/tabBar/home.png'),
-				homeHighlightUrl: require('@/static/tabBar/home-highlight.png'),
-				newsUrl: require('@/static/tabBar/news.png'),
-				newsHighlightUrl: require('@/static/tabBar/news-highlight.png'),
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-			toIndex(index) {
-				// this.index = index
-				this.$emit('toIndex', index)
-			}
-		}
-	}
-</script>
-
-<style scoped lang="scss">
-	.bottom {
-		position: fixed;
-		bottom: 0;
-		left: 0;
-		width: 100vw;
-		height: 49px;
-		background: #fff;
-		z-index: 999;
-
-		.nav-box {
-			display: flex;
-			justify-content: space-around;
-			align-items: center;
-			height: 100%;
-		}
-	}
-
-	.nav-tab {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		width: 50px;
-
-		.image {
-			display: block;
-			width: 24px;
-			height: 24px;
-		}
-
-		.nav-text {
-			color: #999999;
-			margin-top: 3px;
-			font-size: 10px;
-		}
-
-		.textColor {
-			color: #C79F6C;
-		}
-	}
-</style>

components/en-checkbox/en-checkbox.vue

@@ -125,17 +125,9 @@ export default {
 </script>
 
 <style lang="scss" scoped>
-  @font-face {
-    font-family: 'iconfont';
-    src: url('iconfont.ttf?t=1662432727120') format('truetype');
-  }
+  @import url("../static/css/en-common.css") ;
   .iconfont {
-    font-family: "iconfont" !important;
-    font-size: 36rpx;
     color: #3169FA;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
   }
   .box{
     background-color: #ffffff;

components/en-nav/en-nav.vue

@@ -91,46 +91,27 @@
 </script>
 
 <style scoped lang="scss">
-  @font-face {
-    font-family: 'iconfont';
-    src: url('./iconfont.ttf') format('truetype');
-  }
-  .iconfont {
-    font-family: "iconfont" !important;
-    font-size: 36rpx;
-    font-style: normal;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale;
-    color: #000;
-  }
+@import url("../static/css/en-common.css") ;
+
   .header {
     width: 100vw;
     position: fixed;
     left: 0;
     top: 0;
-    // background: #fff;
-    // position: relative;
     z-index: 999999;
   }
 
   .box {
     width: 100vw;
-    // background: #fff;
   }
 
   .flexbox {
     display: flex;
     justify-content: space-between;
     padding: 0 20px;
-    // background: #fff;
-    //background: pink;
-
     .title-text {
-      // flex: 1;
       font-size: 36rpx;
-      font-weight: bold;
       font-weight: 600;
-      // background: #fff;
     }
 
     .icon-left {

components/static/css/en-common.css

@@ -0,0 +1,12 @@
+@font-face {
+    font-family: 'iconfont';
+    src:  url('/components/static/icon/iconfont.ttf') format('truetype');
+}
+.iconfont {
+    font-family: "iconfont" !important;
+    font-size: 36rpx;
+    font-style: normal;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    color: #000;
+}