我的部分

h5_web/pages.json

@@ -26,7 +26,8 @@
 		{
 			"path": "pages/phoneLogin/phoneLogin",
 			"style": {
-				"navigationBarTitleText": "登录"
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "手机登录"
 			}
 		},
 		{
@@ -118,6 +119,12 @@
 			"style": {
 				"navigationBarTitleText": "建设中"
 			}
+		}, {
+			"path": "pages/recruitment/recruitment",
+			"style": {
+				"navigationStyle": "custom",
+				"navigationBarTitleText": "招聘就业"
+			}
 		}, {
 			"path": "pages/myResume/myResume",
 			"style": {

h5_web/pages/index/index.scss

@@ -1,6 +1,75 @@
-page{background-color: #F6F6FF;}
-.message{position: absolute;right: 20rpx;top: 30rpx;z-index: 10000;}
-.notice{background-color: #fff;margin-top: 24rpx;padding: 10rpx 0;}
+page{background-color: #f2f2f2;}
+.index{
+  .index-header{
+    width: 100%;
+    height: 585rpx;
+    
+    &-container{
+      display: flex;
+      flex-wrap: wrap;
+      width: 100%;
+      height: 400rpx;
+      background-color: #2A322B;
+      border-bottom-right-radius: 100rpx;
+      border-bottom-left-radius: 100rpx;
+    }
+    
+    &-left{
+      width: 50%;
+      height: 440rpx;
+      background-image: url(../../static/svg/index-header-left-svg.svg);
+      background-repeat: round;
+      background-size: cover;
+    }
+    
+    &-right{
+      width: 50%;
+      height: 440rpx;
+      background-image: url(../../static/svg/index-header-right-svg.svg);
+      background-repeat: round;
+      background-size: cover;
+    }
+    
+    &-top{
+      position: absolute;
+      padding-top: 30rpx;
+      width: 100%;
+      display: flex;
+      flex-wrap: wrap;
+      padding-bottom: 61rpx;
+      line-height: 34px;
+      
+      .header-top-usearch{
+        margin-left: 30rpx !important;
+      }
+      
+      .header-top-notice{
+        margin: 0 30rpx 0 46rpx;
+        line-height: 34px;
+        
+        &-badge{
+          position: relative !important;
+          top: -10px !important;
+          right: 5px !important;
+        }
+      }
+      
+      .header-top-scan{
+        margin-right: 30rpx;
+        line-height: 34px;
+      }
+    }
+    
+    &-banner{
+      position: absolute;
+      width: 100%;
+      height: 440rpx;
+      margin-top: 140rpx;
+      padding: 0 20rpx;
+    }
+  }
+}
+
 .service{
 	.service-item{
 		width: 25%;

h5_web/pages/index/index.vue

@@ -1,31 +1,32 @@
 <template>
-	<view class="content">
-		<view class="message" @click="openPage('pages/inbuild/inbuild','消息中心')" >
-			<u-icon name="chat" color="#000000" size="48"></u-icon>
-			<u-badge size="mini" type="success" count="7"></u-badge>
-		</view>
-		<u-swiper
-			:list="bannerList"
-			name="bannerUrl"
-			border-radius="0"
-			mode="none"
-			height="427"
-			img-mode="scaleToFill"
-			@click="swiperClick"
-		></u-swiper>
-		<!-- <view class="notice u-flex u-p-l-35 u-p-r-40">
-			<u-image width="113rpx" height="83rpx" src="/static/img/tip.png"></u-image>
-			<view class="notice-wrap u-flex-1">
-				<u-notice-bar
-				@click="noticeClick"
-				mode="vertical" 
-				:list="noticeList" 
-				:more-icon="true" 
-				:volume-icon="false" 
-				bg-color="#fff" 
-				color="#373737"></u-notice-bar>
-			</view>
-		</view> -->
+	<view class="index">
+    <view class="index-header">
+      <view class="index-header-container">
+        <view class="index-header-left"></view>
+        <view class="index-header-right"></view>
+        <view class="index-header-top">
+          <u-search placeholder="请输入您关键词" v-model="headerTopKeyword" :show-action="false" class="header-top-usearch"></u-search>
+          <view class="header-top-notice" @click="openPage('pages/notification/notification','消息通知')" >
+            <u-icon name="bell" color="#FFFFFF" size="48"></u-icon>
+            <u-badge size="mini" type="error" count="7" :absolute="false" class="header-top-notice-badge"></u-badge>
+          </view>
+          <view class="header-top-scan">
+            <u-icon name="scan" color="#FFFFFF" size="48"></u-icon>
+          </view>
+        </view>
+        <view class="index-header-banner">
+          <u-swiper
+          	:list="bannerList"
+          	name="bannerUrl"
+          	border-radius="0"
+          	mode="round"
+          	height="440"
+          	img-mode="scaleToFill"
+          	@click="swiperClick"
+          ></u-swiper>
+        </view>
+      </view>
+    </view>
 		<u-card class="service" :border="false" :foot-border-top="false" :full="true" border-radius="0">
 			<view class="service-head" slot="head">
 				<view class="card-head-title">综合服务</view>
@@ -35,7 +36,7 @@
 					<image class="service-item-img" src="../../static/img/index-service-01.png" mode="aspectFill"></image>
 					<view class="service-item-text">政策资讯</view>
 				</view>
-				<view class="service-item" @click="openPage('pages/inbuild/inbuild','招聘就业')" >
+				<view class="service-item" @click="openPage('pages/recruitment/recruitment','招聘就业')" >
 					<image class="service-item-img" src="../../static/img/index-service-02.png" mode="aspectFill"></image>
 					<view class="service-item-text">招聘就业</view>
 				</view>
@@ -97,6 +98,7 @@
 	export default {
 		data() {
 			return {
+        headerTopKeyword: '',
 				paginationConfig:{
 					  pageNo: 1,
 					  pageSize: 10
@@ -135,7 +137,8 @@
 				}
 				this.$u.api.getIndexNewsList(params)
 				.then(res=>{
-					if(res.code==200){
+          if(!res) return;
+					if(res?.code==200){
 						this.newsList = res.rows;
 					}else{
 						uni.showToast({
@@ -143,25 +146,39 @@
 							title:res.msg
 						})
 					}
-					
 					// console.log('newsList',JSON.parse(JSON.stringify(res.rows)));
 				})
 			},
 			getBannerList(){
 				this.$u.api.getIndexBannerList()
 				.then(res=>{
-					this.bannerList = res.data;
-					// console.log('bannerList',JSON.parse(JSON.stringify(res)));
+          if(!res) return;
+					this.bannerList = res?.data || [];
+          this.bannerList = [];
+          this.bannerList.push(
+            {
+              bannerUrl: 'https://img.xiaopiu.com/userImages/img3072177d2e954f8.jpg',
+              content: '<p>代码固定测试内容999998</p>',
+              id: "999998",
+              name: "代码固定测试999998"
+            }
+          );
+          this.bannerList.push(
+            {
+              bannerUrl: 'https://img.xiaopiu.com/userImages/img14661769874c088.jpg',
+              content: '<p>代码固定测试内容999999</p>',
+              id: "999999",
+              name: "代码固定测试999999"
+            }
+          );
+					console.log('bannerList',JSON.parse(JSON.stringify(res)));
 				})
 			},
 			// 轮播图点击
 			swiperClick (index) {
 				// console.log('swiperClick',index);
-				// console.log('bannerList',this.bannerList);
 				if(this.bannerList[index].jumpUrl){
-					// console.log(this.bannerList[index].jumpUrl);
 					let url = this.bannerList[index].jumpUrl.split('#')[1];
-					// console.log('url',url);
 					this.$u.route({
 						url: url,
 					});

h5_web/pages/phoneLogin/phoneLogin.vue

@@ -1,23 +1,27 @@
 <template>
-	<view class="wrap">
-		<view class="content">
-			<view class="title">手机号登录</view>
-			<input class="u-border-bottom" type="number" maxlength="11" v-model="tel" placeholder="请输入手机号" />
+	<view class="phonelogin">
+    <u-navbar title-color="#FFFFFF" :custom-back="customBack" :bpay-bottom="false" back-icon-color="#FFFFFF" :background="{background: 'transparent' }" title="手机登录" class="phonelogin-unavbar" />
+    <view class="phonelogin-title">
+      <view>欢迎您！</view>
+      <view>登录退役军人服务移动端</view>
+    </view>
+		<view class="phonelogin-content">
+			<!-- <input class="u-border-bottom" type="number" maxlength="11" v-model="tel" placeholder="请输入手机号" /> -->
+      <u-input class="u-border-bottom phonelogin-content-input" v-model="tel" type="number" maxlength="11" placeholder="请输入手机号" />
 			<view class="u-text-center u-type-error u-m-t-20" v-if="telError">手机号输入错误</view>
-			<button @tap="submit" :style="[inputStyle]" class="getCaptcha">获取短信验证码</button>
-			<u-message-input v-if="show" :focus="true" :value="messageCode" @change="change" @finish="finish" mode="bottomLine" :maxlength="codelength"></u-message-input>
+			<button @tap="submit" :style="[inputStyle]" class="phonelogin-content-getcaptcha">获取验证码</button>
+			<u-message-input v-if="show" :focus="true" :value="messageCode" @change="change" @finish="finish" mode="bottomLine" :maxlength="codelength" class="phonelogin-content-messageinput"></u-message-input>
 		</view>
 		<!-- <view class="u-text-center u-type-error" v-if="phoneError">手机号输入错误</view> -->
-		<view class="captcha">
+		<view class="phonelogin-captcha">
 			<!-- <text v-if="show&&this.messageDisable==false" @tap="noCaptcha">收不到验证码点这里</text> -->
 			<text v-if="messageShow">{{ second }}秒后可重新获取验证码</text>
 		</view>
-		<view class="buttom">
-			<view class="hint u-text-center">
-				登录代表同意
-				<text class="link" @tap="jumpToPage(1)">《用户服务条款》</text>和
-				<text class="link" @tap="jumpToPage(2)">《隐私政策》</text>
-				并授权使用您的账号信息（如昵称、头像、收货地址）以便您统一管理
+		<view class="phonelogin-pact" :class="messageShow?'phonelogin-msgpact':''">
+			<view class="phonelogin-pact-hint u-text-center">
+				进入即代表同意
+				<text class="link" @tap="jumpToPage(1)">《用户协议》</text>及
+				<text class="link" @tap="jumpToPage(2)">《隐私协议》</text>
 			</view>
 		</view>
 		<u-toast ref="uToast" />
@@ -260,60 +264,130 @@ export default {
 				url: "/pages/inbuild/inbuild",
 				// url: "/pages/privacyPolicy/privacyPolicy?termsType=" + flag,
 			})
-		}
+		},
+    // tabbar 返回
+    customBack() {
+      this.$u.route({
+        type: 'switchTab',
+        url: 'pages/index/index'
+      });
+    }
 	}
 };
 </script>
 
 <style lang="scss" scoped>
 .hide{display: none!important;}
-.wrap {
-	font-size: 28rpx;
-	.content {
-		width: 600rpx;
-		margin: 80rpx auto 0;
-
-		.title {
-			text-align: left;
-			font-size: 60rpx;
-			font-weight: 500;
-			margin-bottom: 100rpx;
-		}
-		input {
-			text-align: left;
-			margin-bottom: 10rpx;
-			padding-bottom: 20rpx;
-			border-bottom: 1px solid #ddd;
-		}
-		.getCaptcha {
-			margin: 45rpx auto 130rpx;
-			background-color: #a8c6f1;
-			color: $u-tips-color;
-			border: none;
-			font-size: 30rpx;
-			padding: 12rpx 0;
-			
-			&::after {
-				border: none;
-			}
-		}
-	}
-	.buttom {
-		.hint {
-			padding: 20rpx 40rpx;
-			font-size: 20rpx;
-			color: $u-tips-color;
-			
-			.link {
-				color: $u-type-warning;
-			}
-		}
-	}
-	.captcha {
-		color: $u-type-warning;
-		font-size: 30rpx;
-		margin-top: 40rpx;
-		text-align: center;
-	}
+.phonelogin{
+  width: 100%;
+  height: 100vh;
+  background-image: url(../../static/img/phonelogin-bg-png.png);
+  background-repeat: no-repeat;
+  background-size: cover;
+  
+  &-unavbar{
+    ::v-deep .u-border-bottom:after {
+      border-bottom-width: 0 !important;
+    }
+  }
+  
+  &-title{
+    padding: 10% 4% 6%;
+    font-family: PingFangSC-Light, PingFang SC;
+    font-weight: 300;
+    color: #FFFFFF;
+    line-height: 98rpx;
+    letter-spacing: 2rpx;
+    
+    view:first-child{
+      font-size: 70rpx;
+    }
+    
+    view:last-child{
+      font-size: 56rpx;
+    }
+  }
+  
+  &-content{
+    padding: 0 4%;
+    
+    &-input{
+      ::v-deep {
+        .uni-input-placeholder {
+          text-align: center;
+          font-size: 40rpx;
+          font-family: PingFangSC-Heavy, PingFang SC;
+          color: #FFFFFF !important;
+          letter-spacing: 1px;
+          line-height: 60rpx;
+          opacity: 0.6;
+        }
+        .uni-input-input{
+          text-align: center;
+          font-size: 60rpx;
+          font-family: PingFangSC-Heavy, PingFang SC;
+          font-weight: 800;
+          color: #FFFFFF;
+          line-height: 83rpx;
+          letter-spacing: 1px;
+        }
+      }
+      
+      &:after {
+          top: 21rpx;
+      }
+    }
+    
+    &-getcaptcha{
+      margin-top: 10%;
+      color: $u-tips-color;
+      border: none;
+      padding: 14rpx 0;
+      background-color: rgba(255, 255, 255, 0.5);
+      border-radius: 55rpx;
+      font-size: 40rpx;
+      font-family: PingFangSC-Medium, PingFang SC;
+      font-weight: 500;
+      color: #6A5C52;
+      line-height: 83rpx;
+      
+      &::after {
+      	border: none;
+      }
+    }
+    
+    &-messageinput{
+      ::v-deep .u-char-item{
+        color: #FFFFFF !important;
+        
+        .u-bottom-line, .u-placeholder-line{
+          background: #FFFFFF !important;
+        }
+      }
+    }
+  }
+  
+  &-captcha{
+    color: $u-type-warning;
+    font-size: 30rpx;
+    margin-top: 40rpx;
+    text-align: center;
+  }
+  
+  &-pact{
+    width: 100%;
+    
+    &-hint{
+      font-size: 28rpx;
+      font-family: PingFangSC-Regular, PingFang SC;
+      font-weight: 400;
+      color: #FFFFFF;
+      line-height: 83rpx;
+      opacity: 0.7;
+      .link {
+      	color: $u-type-warning;
+      }
+    }
+  }
 }
 </style>

h5_web/pages/recruitment/recruitment.vue

@@ -0,0 +1,234 @@
+<!-- 
+ * @title 招聘就业 
+ * @author Rockery(1113269755@qq.com)
+-->
+
+<template>
+	<view class="recruitment">
+    <u-navbar title-color="#FFFFFF" :bpay-bottom="false" back-icon-color="#FFFFFF" :background="{background: '#3D5D4C' }" title="招聘就业" class="recruitment-unavbar" />
+    
+    <!-- ###################################-- 轮播图 -- ################################### -->
+    <view class="recruitment-banner">
+      <u-swiper
+        :list="bannerList"
+        name="bannerUrl"
+        border-radius="0"
+        mode="round"
+        height="440"
+        img-mode="scaleToFill"
+        @click="swiperClick"
+      ></u-swiper>
+    </view>
+    
+    <!-- ###################################-- 请输入您关键词 -- ################################### -->
+    <view class="recruitment-usearch">
+       <u-search placeholder="请输入您关键词" v-model="headerTopKeyword" :show-action="false" bg-color="#FFFFFF"></u-search>
+    </view>
+    
+    <!-- ###################################-- 企业推荐 -- ################################### -->
+    <view class="u-card-wrap recruitment-recommend">
+    	<u-card :show-foot="false" class="recruitment-recommend-card">
+       <view slot="head">
+         <view class="recommend-card-head">
+            <view class="recommend-card-head-title">{{recommendConfigData.title}}</view>
+            <view class="recommend-card-head-subtitle" @tap="recommendCardMoreClick">
+              {{recommendConfigData.titlemore}}
+              <u-icon name="arrow-right" color="#A3A3A3" size="28"></u-icon>
+            </view>
+         </view>
+        </view>
+    		<view slot="body">
+          <view class="recommend-card-body">
+            <swiper
+            v-if="recommendListData&&recommendListData.length>0"
+            class="recommend-card-content" 
+            :display-multiple-items="5"
+            >
+              <swiper-item v-for="(item,index) in recommendListData" :key="index">
+                <view class="swiper-item" @tap="tapRecommendSwiperItem(item)" :data-id="item.id" :data-index="index">
+                  <image class="img" :src="item.img" mode="aspectFill"></image>
+                  <view class="subject">{{item.subject}}</view>
+                  <view class="post u-text-center">
+                    岗位
+                    <text class="postlink">{{item.postNumber}}</text>个
+                  </view>
+                </view>
+              </swiper-item>
+              <swiper-item v-if="recommendConfigData.listmore">
+                <view class="swiper-item lookmore" @tap="recommendCardMoreClick">
+                  <view class="moretext">查看更多</view>
+                </view>
+              </swiper-item>
+            </swiper>
+          </view>
+    		</view>
+    	</u-card>
+    </view>
+    
+    <view class="recruitment-dataarea">
+    	<u-tabs bg-color="transparent" :list="dataAreaTabsList" @change="dataAreaTabsChange" :current="dataAreaTabsCurrent" />
+      <view class="recruitment-dataarea-card">
+        <view class="">
+          djkhdsjkhsd
+        </view>
+        <view class="">
+          sjhjshs
+        </view>
+      </view>
+    </view>
+	</view>
+</template>
+
+<script>
+	export default {
+		data() {
+			return {
+        headerTopKeyword: '',
+				paginationConfig:{
+					  pageNo: 1,
+					  pageSize: 10
+				},
+				bannerList: [],
+        recommendListData:[
+        	{
+        		id:1,
+        		img:"https://img.xiaopiu.com/userImages/img88517697eccbd8.jpg",
+        		subject:"顺丰快递",
+            postNumber: 10
+        	},
+        	{
+        		id:2,
+        		img:"https://img.xiaopiu.com/userImages/img88317697ec8588.jpg",
+        		subject:"中国平安",
+            postNumber: 14
+        	},
+        	{
+        		id:3,
+        		img:"https://img.xiaopiu.com/userImages/img205717698ca4710.png",
+        		subject:"保利贵州",
+            postNumber: 8
+        	},
+        	{
+        		id:4,
+        		img:"https://img.xiaopiu.com/userImages/img87917697ec0c70.png",
+        		subject:"海大装饰",
+            postNumber: 18
+        	},
+        	{
+        		id:5,
+        		img:"https://img.xiaopiu.com/userImages/img87717697ebe178.jpg",
+        		subject:"永辉超市",
+            postNumber: 10
+        	},
+        	{
+        		id:5,
+        		img:"https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
+        		subject:"研发测试岗位",
+            postNumber: 99
+        	}
+        ],
+        recommendConfigData:{
+        	title:'企业推荐',
+        	titlemore:'更多',
+        	listmore: false
+        },
+        dataAreaTabsCurrent: 0,
+        dataAreaTabsList: [
+          {
+            name: '最新'
+          }, 
+          // {
+          //   name:  '附近',
+          //   count: 7
+          // }, {
+          //   name: '筛选'
+          // }
+        ]
+			}
+		},
+		onLoad() {
+			// console.log(this.$u.config.v);
+			
+		},
+		onShow() {
+			this.getBannerList();
+		},
+		methods: {
+			/**
+				 * 打开新页面
+				 * @param {String} path 跳转路径
+				 * */
+			openPage(path,msg) {
+			  this.$u.route({
+			    url: path,
+				params:{
+					msg:msg
+				}
+			  })
+			},
+			getBannerList(){
+				this.$u.api.getIndexBannerList()
+				.then(res=>{
+					this.bannerList = res.data;
+          this.bannerList = [];
+          this.bannerList.push(
+            {
+              bannerUrl: 'https://img.xiaopiu.com/userImages/img146217698746a98.jpg',
+              content: '<p>代码固定测试内容999997</p>',
+              id: "999997",
+              name: "代码固定测试999997"
+            }
+          );
+          this.bannerList.push(
+            {
+              bannerUrl: 'https://img.xiaopiu.com/userImages/img14641769874a530.png',
+              content: '<p>代码固定测试内容999998</p>',
+              id: "999998",
+              name: "代码固定测试999998"
+            }
+          );
+          this.bannerList.push(
+            {
+              bannerUrl: 'https://img.xiaopiu.com/userImages/img14661769874c088.jpg',
+              content: '<p>代码固定测试内容999999</p>',
+              id: "999999",
+              name: "代码固定测试999999"
+            }
+          );
+					console.log('bannerList',JSON.parse(JSON.stringify(res)));
+				})
+			},
+			// 轮播图点击
+			swiperClick (index) {
+				// console.log('swiperClick',index);
+				if(this.bannerList[index].jumpUrl){
+					let url = this.bannerList[index].jumpUrl.split('#')[1];
+					this.$u.route({
+						url: url,
+					});
+				}else{
+					this.$u.route({
+						url: 'pages/bannerDetails/bannerDetails',
+						params: {
+						  id: this.bannerList[index].id
+						}
+					})
+				}
+			},
+      recommendCardMoreClick(index) {
+        console.log("recommendCardMoreClick: ",index);
+      },
+      tapRecommendSwiperItem(param){
+        console.log("tapRecommendSwiperItem: ",param);
+      },
+      dataAreaTabsChange(index) {
+        console.log("dataAreaTabsChange: ",index);
+      	this.dataAreaTabsCurrent = index;
+      }
+		}
+	}
+</script>
+
+<style lang="scss" scoped>
+  @import './scss/recruitment.scss';
+</style>

h5_web/pages/recruitment/scss/recruitment.scss

@@ -0,0 +1,104 @@
+page{background-color: #f2f2f2;}
+.recruitment{
+  &-unavbar{
+    ::v-deep .u-border-bottom:after {
+      border-bottom-width: 0 !important;
+    }
+  }
+  
+  &-usearch{
+    margin: 20rpx 30rpx;
+  }
+  
+  &-recommend{
+    &-card{
+      .recommend-card-head{
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: space-between;
+        
+        &-title{
+          font-size: 36rpx;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: bold;
+          color: #000000;
+          line-height: 50rpx;
+          letter-spacing: 1px;
+        }
+        
+        &-subtitle{
+          font-size: 28rpx;
+          font-family: PingFangSC-Regular, PingFang SC;
+          font-weight: 400;
+          color: #A3A3A3;
+          line-height: 50rpx;
+          letter-spacing: 1px;
+        }
+      }
+      
+      .recommend-card-body{
+        .recommend-card-content{
+          .swiper-item{
+          	height: 101rpx;
+          	margin-right: 14rpx;
+            text-align: center;
+            
+            .img{
+            	width: 94rpx;
+            	height: 94rpx;
+              border-radius: 10rpx;
+            }
+            
+            .subject{
+              width: 100%;
+              text-align: center;
+              font-size: 24rpx;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: bold;
+              color: #000000;
+              line-height: 33rpx;
+              letter-spacing: 1px;
+            }
+            
+            .post{
+              width: 100%;
+              font-size: 22rpx;
+              font-family: PingFangSC-Regular, PingFang SC;
+              font-weight: 400;
+              color: #6F6F6F;
+              line-height: 30rpx;
+              letter-spacing: 1px;
+              
+              .postlink{
+                color: $u-type-warning;
+              }
+            }
+          }
+          
+          .lookmore{
+          	background-color: #e2e2e2;
+          	text-align: center;
+          	line-height: 101rpx;
+            border-radius: 10rpx;
+            
+            .moretext{
+            	color: #777;
+            	font-size: 28rpx;
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  &-dataarea{
+    padding: 0 30rpx;
+    
+    &-card{
+      margin-top: 20rpx;
+      width: 100%;
+      background-color: #FFFFFF;
+      border-radius: 10px;
+    }
+  }
+}

h5_web/static/svg/index-header-left-svg.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="389px" height="368px" viewBox="0 0 389 368" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形</title>
+    <defs>
+        <linearGradient x1="50%" y1="1.5625%" x2="50%" y2="88.9821427%" id="linearGradient-1">
+            <stop stop-color="#80AA92" offset="0%"></stop>
+            <stop stop-color="#2A322B" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-19.1%" y="-19.1%" width="138.1%" height="138.1%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="24" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.900000036">
+        <g id="编组-12" fill="url(#linearGradient-1)" transform="translate(-70.000000, -63.000000)">
+            <g id="编组-13" transform="translate(21.000000, 1.000000)">
+                <circle id="椭圆形" filter="url(#filter-2)" cx="188.733264" cy="188.733264" r="188.733264"></circle>
+            </g>
+        </g>
+    </g>
+</svg>

h5_web/static/svg/index-header-right-svg.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="498px" height="377px" viewBox="0 0 498 377" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>椭圆形备份</title>
+    <defs>
+        <linearGradient x1="50%" y1="1.5625%" x2="50%" y2="88.9821427%" id="linearGradient-1">
+            <stop stop-color="#2A322B" offset="0%"></stop>
+            <stop stop-color="#80AA92" offset="100%"></stop>
+        </linearGradient>
+        <filter x="-19.1%" y="-19.1%" width="138.1%" height="138.1%" filterUnits="objectBoundingBox" id="filter-2">
+            <feGaussianBlur stdDeviation="24" in="SourceGraphic"></feGaussianBlur>
+        </filter>
+    </defs>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" opacity="0.900000036">
+        <g id="首页" transform="translate(-202.000000, 0.000000)" fill="url(#linearGradient-1)">
+            <g id="编组-12" transform="translate(-70.000000, -63.000000)">
+                <g id="编组-13" transform="translate(21.000000, 1.000000)">
+                    <circle id="椭圆形备份" filter="url(#filter-2)" cx="500.074268" cy="250.266736" r="188.733264"></circle>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>