提交

.gitignore

+## Ignore Visual Studio temporary files, build results, and
+## files generated by popular Visual Studio add-ons.
+##
+## Get latest from https://github.com/github/gitignore/blob/master/VisualStudio.gitignore
+
+# User-specific files
+*.rsuser
+*.suo
+*.user
+*.userosscache
+*.sln.docstates
+node_modules/
+
+# User-specific files (MonoDevelop/Xamarin Studio)
+*.userprefs
+
+# Mono auto generated files
+mono_crash.*
+
+# Build results
+[Dd]ebug/
+[Dd]ebugPublic/
+[Rr]elease/
+[Rr]eleases/
+x64/
+x86/
+[Ww][Ii][Nn]32/
+[Aa][Rr][Mm]/
+[Aa][Rr][Mm]64/
+bld/
+[Bb]in/
+[Oo]bj/
+[Oo]ut/
+[Ll]og/
+[Ll]ogs/
+
+# Visual Studio 2015/2017 cache/options directory
+.vs/
+# Uncomment if you have tasks that create the project's static files in wwwroot
+#wwwroot/
+
+# Visual Studio 2017 auto generated files
+Generated\ Files/
+
+# MSTest test Results
+[Tt]est[Rr]esult*/
+[Bb]uild[Ll]og.*
+
+# NUnit
+*.VisualState.xml
+TestResult.xml
+nunit-*.xml
+
+# Build Results of an ATL Project
+[Dd]ebugPS/
+[Rr]eleasePS/
+dlldata.c
+
+# Benchmark Results
+BenchmarkDotNet.Artifacts/
+
+# .NET Core
+project.lock.json
+project.fragment.lock.json
+artifacts/
+
+# ASP.NET Scaffolding
+ScaffoldingReadMe.txt
+
+# StyleCop
+StyleCopReport.xml
+
+# Files built by Visual Studio
+*_i.c
+*_p.c
+*_h.h
+*.ilk
+*.meta
+*.obj
+*.iobj
+*.pch
+*.pdb
+*.ipdb
+*.pgc
+*.pgd
+*.rsp
+*.sbr
+*.tlb
+*.tli
+*.tlh
+*.tmp
+*.tmp_proj
+*_wpftmp.csproj
+*.log
+*.vspscc
+*.vssscc
+.builds
+*.pidb
+*.svclog
+*.scc
+
+# Chutzpah Test files
+_Chutzpah*
+
+# Visual C++ cache files
+ipch/
+*.aps
+*.ncb
+*.opendb
+*.opensdf
+*.sdf
+*.cachefile
+*.VC.db
+*.VC.VC.opendb
+
+# Visual Studio profiler
+*.psess
+*.vsp
+*.vspx
+*.sap
+
+# Visual Studio Trace Files
+*.e2e
+
+# TFS 2012 Local Workspace
+$tf/
+
+# Guidance Automation Toolkit
+*.gpState
+
+# ReSharper is a .NET coding add-in
+_ReSharper*/
+*.[Rr]e[Ss]harper
+*.DotSettings.user
+
+# TeamCity is a build add-in
+_TeamCity*
+
+# DotCover is a Code Coverage Tool
+*.dotCover
+
+# AxoCover is a Code Coverage Tool
+.axoCover/*
+!.axoCover/settings.json
+
+# Coverlet is a free, cross platform Code Coverage Tool
+coverage*.json
+coverage*.xml
+coverage*.info
+
+# Visual Studio code coverage results
+*.coverage
+*.coveragexml
+
+# NCrunch
+_NCrunch_*
+.*crunch*.local.xml
+nCrunchTemp_*
+
+# MightyMoose
+*.mm.*
+AutoTest.Net/
+
+# Web workbench (sass)
+.sass-cache/
+
+# Installshield output folder
+[Ee]xpress/
+
+# DocProject is a documentation generator add-in
+DocProject/buildhelp/
+DocProject/Help/*.HxT
+DocProject/Help/*.HxC
+DocProject/Help/*.hhc
+DocProject/Help/*.hhk
+DocProject/Help/*.hhp
+DocProject/Help/Html2
+DocProject/Help/html
+
+# Click-Once directory
+publish/
+
+# Publish Web Output
+*.[Pp]ublish.xml
+*.azurePubxml
+# Note: Comment the next line if you want to checkin your web deploy settings,
+# but database connection strings (with potential passwords) will be unencrypted
+*.pubxml
+*.publishproj
+
+# Microsoft Azure Web App publish settings. Comment the next line if you want to
+# checkin your Azure Web App publish settings, but sensitive information contained
+# in these scripts will be unencrypted
+PublishScripts/
+
+# NuGet Packages
+*.nupkg
+# NuGet Symbol Packages
+*.snupkg
+# The packages folder can be ignored because of Package Restore
+**/[Pp]ackages/*
+# except build/, which is used as an MSBuild target.
+!**/[Pp]ackages/build/
+# Uncomment if necessary however generally it will be regenerated when needed
+#!**/[Pp]ackages/repositories.config
+# NuGet v3's project.json files produces more ignorable files
+*.nuget.props
+*.nuget.targets
+
+# Microsoft Azure Build Output
+csx/
+*.build.csdef
+
+# Microsoft Azure Emulator
+ecf/
+rcf/
+
+# Windows Store app package directories and files
+AppPackages/
+BundleArtifacts/
+Package.StoreAssociation.xml
+_pkginfo.txt
+*.appx
+*.appxbundle
+*.appxupload
+
+# Visual Studio cache files
+# files ending in .cache can be ignored
+*.[Cc]ache
+# but keep track of directories ending in .cache
+!?*.[Cc]ache/
+
+# Others
+ClientBin/
+~$*
+*~
+*.dbmdl
+*.dbproj.schemaview
+*.jfm
+*.pfx
+*.publishsettings
+orleans.codegen.cs
+
+# Including strong name files can present a security risk
+# (https://github.com/github/gitignore/pull/2483#issue-259490424)
+#*.snk
+
+# Since there are multiple workflows, uncomment next line to ignore bower_components
+# (https://github.com/github/gitignore/pull/1529#issuecomment-104372622)
+#bower_components/
+
+# RIA/Silverlight projects
+Generated_Code/
+
+# Backup & report files from converting an old project file
+# to a newer Visual Studio version. Backup files are not needed,
+# because we have git ;-)
+_UpgradeReport_Files/
+Backup*/
+UpgradeLog*.XML
+UpgradeLog*.htm
+ServiceFabricBackup/
+*.rptproj.bak
+
+# SQL Server files
+*.mdf
+*.ldf
+*.ndf
+
+# Business Intelligence projects
+*.rdl.data
+*.bim.layout
+*.bim_*.settings
+*.rptproj.rsuser
+*- [Bb]ackup.rdl
+*- [Bb]ackup ([0-9]).rdl
+*- [Bb]ackup ([0-9][0-9]).rdl
+
+# Microsoft Fakes
+FakesAssemblies/
+
+# GhostDoc plugin setting file
+*.GhostDoc.xml
+
+# Node.js Tools for Visual Studio
+.ntvs_analysis.dat
+node_modules/
+
+# Visual Studio 6 build log
+*.plg
+
+# Visual Studio 6 workspace options file
+*.opt
+
+# Visual Studio 6 auto-generated workspace file (contains which files were open etc.)
+*.vbw
+
+# Visual Studio LightSwitch build output
+**/*.HTMLClient/GeneratedArtifacts
+**/*.DesktopClient/GeneratedArtifacts
+**/*.DesktopClient/ModelManifest.xml
+**/*.Server/GeneratedArtifacts
+**/*.Server/ModelManifest.xml
+_Pvt_Extensions
+
+# Paket dependency manager
+.paket/paket.exe
+paket-files/
+
+# FAKE - F# Make
+.fake/
+
+# CodeRush personal settings
+.cr/personal
+
+# Python Tools for Visual Studio (PTVS)
+__pycache__/
+*.pyc
+
+# Cake - Uncomment if you are using it
+# tools/**
+# !tools/packages.config
+
+# Tabs Studio
+*.tss
+
+# Telerik's JustMock configuration file
+*.jmconfig
+
+# BizTalk build output
+*.btp.cs
+*.btm.cs
+*.odx.cs
+*.xsd.cs
+
+# OpenCover UI analysis results
+OpenCover/
+
+# Azure Stream Analytics local run output
+ASALocalRun/
+
+# MSBuild Binary and Structured Log
+*.binlog
+
+# NVidia Nsight GPU debugger configuration file
+*.nvuser
+
+# MFractors (Xamarin productivity tool) working folder
+.mfractor/
+
+# Local History for Visual Studio
+.localhistory/
+
+# BeatPulse healthcheck temp database
+healthchecksdb
+
+# Backup folder for Package Reference Convert tool in Visual Studio 2017
+MigrationBackup/
+
+# Ionide (cross platform F# VS Code tools) working folder
+.ionide/
+
+# Fody - auto-generated XML schema
+FodyWeavers.xsd
\ No newline at end of file

src/views/Cooperation.vue

@@ -16,25 +16,24 @@
 					<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/e7686206eed4ca67e1bdc497ab2bf39d" />
 				</div>
 				<div class="group_4 flex-row">
-					<div class="box_1 flex-row">
-						<div class="text-wrapper_3 flex-col">
-							<span class="text_4">设备购买模式</span>
-						</div>
-						<span class="text_5">设备租赁模式</span>
-						<img class="image_3"
-							src="https://lanhu-oss-proxy.lanhuapp.com/c42354c23c7d9678f888b95804ad19a7" />
-						<span class="text_6">运营商分级</span>
-						<img class="image_4"
-							src="https://lanhu-oss-proxy.lanhuapp.com/21cba1dd0f37c47a90333f20701cd0d7" />
-						<span class="text_7">代理商体系</span>
-						<img class="image_5"
-							src="https://lanhu-oss-proxy.lanhuapp.com/459f6114631c65646cd65792d2457b4e" />
-						<div class="image-text_1 flex-row justify-between">
-							<span class="text-group_1">HOME</span>
-							<img class="thumbnail_1"
-								src="https://lanhu-oss-proxy.lanhuapp.com/a67f1bb792655f8b9c61ed0772531299" />
-						</div>
-					</div>
+
+					<pageBtnGroupVue style="margin-top: 0vw;margin-left: 0.5vw;" :btn-group="[{
+									name:'设备购买模式',
+									url:'/cooperation',
+									isSelect:true
+								},{
+									name:'设备租赁模式',
+									url:'/lease',
+									isSelect:false
+								},{
+									name:'运营商分级',
+									url:'/operator',
+									isSelect:false
+								},{
+									name:'代理商体系',
+									url:'/agent',
+									isSelect:false
+								}]" />
 				</div>
 			</div>
 			<div class="group_5 flex-col">
@@ -124,12 +123,14 @@
 	import HeaderNav from '@/components/HeaderNav.vue'
 	import Footer from '@/components/Footer.vue'
 	import HeroSection from '@/components/HeroSection.vue'
+	import pageBtnGroupVue from '../components/page_btn_group.vue';
 
 	export default {
 		components: {
 			HeaderNav,
 			Footer,
-			HeroSection
+			HeroSection,
+			pageBtnGroupVue
 		},
 		data() {
 			return {
@@ -261,119 +262,6 @@
 		margin: 12.44vw 0 0 13.54vw;
 	}
 
-	.box_1 {
-		width: 86.46vw;
-		height: 5.21vw;
-		background: url(https://lanhu-oss-proxy.lanhuapp.com/94bcb0cab5acc62ff652fc3a3065567c) 100% no-repeat;
-		background-size: 100% 100%;
-	}
-
-	.text-wrapper_3 {
-		height: 5.21vw;
-		background: url(https://lanhu-oss-proxy.lanhuapp.com/12a9278ffa356657848728ac927a958c) 100% no-repeat;
-		background-size: 100% 100%;
-		width: 18.23vw;
-	}
-
-	.text_4 {
-		width: 9.28vw;
-		height: 1.57vw;
-		overflow-wrap: break-word;
-		color: rgba(255, 255, 255, 1);
-		font-size: 1.56vw;
-		font-family: OPPOSans-R;
-		font-weight: normal;
-		text-align: center;
-		white-space: nowrap;
-		line-height: 2.19vw;
-		margin: 1.82vw 0 0 4.47vw;
-	}
-
-	.text_5 {
-		width: 9.28vw;
-		height: 1.57vw;
-		overflow-wrap: break-word;
-		color: rgba(255, 255, 255, 1);
-		font-size: 1.56vw;
-		font-family: OPPOSans-R;
-		font-weight: normal;
-		text-align: center;
-		white-space: nowrap;
-		line-height: 2.19vw;
-		margin: 1.82vw 0 0 4.47vw;
-	}
-
-	.image_3 {
-		width: 0.06vw;
-		height: 2.3vw;
-		margin: 1.45vw 0 0 4.47vw;
-	}
-
-	.text_6 {
-		width: 7.77vw;
-		height: 1.57vw;
-		overflow-wrap: break-word;
-		color: rgba(255, 255, 255, 1);
-		font-size: 1.56vw;
-		font-family: OPPOSans-R;
-		font-weight: normal;
-		text-align: center;
-		white-space: nowrap;
-		line-height: 2.19vw;
-		margin: 1.82vw 0 0 5.2vw;
-	}
-
-	.image_4 {
-		width: 0.06vw;
-		height: 2.3vw;
-		margin: 1.45vw 0 0 5.15vw;
-	}
-
-	.text_7 {
-		width: 7.71vw;
-		height: 1.52vw;
-		overflow-wrap: break-word;
-		color: rgba(255, 255, 255, 1);
-		font-size: 1.56vw;
-		font-family: OPPOSans-R;
-		font-weight: normal;
-		text-align: center;
-		white-space: nowrap;
-		line-height: 2.19vw;
-		margin: 1.87vw 0 0 5.26vw;
-	}
-
-	.image_5 {
-		width: 0.06vw;
-		height: 2.3vw;
-		margin: 1.45vw 0 0 5.2vw;
-	}
-
-	.image-text_1 {
-		width: 4.38vw;
-		height: 1.05vw;
-		margin: 2.03vw 2.6vw 0 6.56vw;
-	}
-
-	.text-group_1 {
-		width: 2.56vw;
-		height: 0.73vw;
-		overflow-wrap: break-word;
-		color: rgba(255, 255, 255, 1);
-		font-size: 0.93vw;
-		font-family: Gilroy-Medium;
-		font-weight: 500;
-		text-align: left;
-		white-space: nowrap;
-		line-height: 2.19vw;
-		margin-top: 0.21vw;
-	}
-
-	.thumbnail_1 {
-		width: 0.94vw;
-		height: 1.05vw;
-	}
-
 	.group_5 {
 		width: 100vw;
 		height: 124.85vw;

src/views/certification.vue

@@ -11,16 +11,11 @@
 			</div>
 			<div class="box_3 flex-col">
 				<img class="label_1" src="https://lanhu-oss-proxy.lanhuapp.com/72a342012afc5abdbeced29aa8415c77" />
-				<div class="block_1 flex-row">
-					<div class="text-wrapper_1 flex-col">
-						<span class="text_4">企业资质</span>
-					</div>
-					<div class="image-text_1 flex-row justify-between">
-						<span class="text-group_1">HOME</span>
-						<img class="thumbnail_1"
-							src="https://lanhu-oss-proxy.lanhuapp.com/d109527f14f5572d8c1ecf2eb29bebfd" />
-					</div>
-				</div>
+				<pageBtnGroupVue style="margin-top: 41.55vw;margin-left: -42.3vw;" :btn-group="[{
+									name:'企业资质',
+									url:'/certification',
+									isSelect:true
+								}]" />
 			</div>
 		</div>
 		<div class="group_2 flex-col">
@@ -49,12 +44,14 @@
 	import HeaderNav from '@/components/HeaderNav.vue'
 	import Footer from '@/components/Footer.vue'
 	import HeroSection from '@/components/HeroSection.vue'
+	import pageBtnGroupVue from '../components/page_btn_group.vue';
 
 	export default {
 		components: {
 			HeaderNav,
 			Footer,
-			HeroSection
+			HeroSection,
+			pageBtnGroupVue
 		},
 		data() {
 			return {

src/views/contact-us.vue

@@ -12,18 +12,11 @@
 			<div class="image-wrapper_1 flex-row">
 				<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/2224e1dfa599083044d5a6918a4b498b" />
 			</div>
-			<div class="group_4 flex-row">
-				<div class="box_2 flex-row">
-					<div class="text-wrapper_1 flex-col">
-						<span class="text_4">联系我们</span>
-					</div>
-					<div class="image-text_1 flex-row justify-between">
-						<span class="text-group_2">HOME</span>
-						<img class="thumbnail_1"
-							src="https://lanhu-oss-proxy.lanhuapp.com/417d3846858be4f0a8f341ece732d0bc" />
-					</div>
-				</div>
-			</div>
+			<pageBtnGroupVue style="margin-top: 41.55vw;margin-left: 14vw;" :btn-group="[{
+									name:'企业资质',
+									url:'/certification',
+									isSelect:true
+								}]" />
 		</div>
 		<div class="box_3 flex-col">
 			<div class="block_1 flex-row justify-between">
@@ -113,12 +106,14 @@
 	import HeaderNav from '@/components/HeaderNav.vue'
 	import Footer from '@/components/Footer.vue'
 	import HeroSection from '@/components/HeroSection.vue'
+	import pageBtnGroupVue from '../components/page_btn_group.vue';
 
 	export default {
 		components: {
 			HeaderNav,
 			Footer,
-			HeroSection
+			HeroSection,
+			pageBtnGroupVue
 		},
 		data() {
 			return {