Skip to content

W
wanyou_website
Commit 9ffe9169 by yang
Options

提交

parent 3d59ad6a
Showing with 615 additions and 566 deletions
.gitignore 0 → 100644
## 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/agent.vue
......@@ -8,51 +8,33 @@
<div class="group_1 flex-col">
<span class="text_2">cooperation</span>
<span class="text_3">合作优势</span>
<img
class="image_2"
src="https://lanhu-oss-proxy.lanhuapp.com/f7c3d0ce785e2dac90441b9270decc8e"
/>
<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/f7c3d0ce785e2dac90441b9270decc8e" />
</div>
<div class="group_2 flex-col">
<div class="image-wrapper_1 flex-row">
<img
class="label_1"
src="https://lanhu-oss-proxy.lanhuapp.com/f70fb3b969d2aa568b8d0dae88348ad9"
/>
<img class="label_1"
src="https://lanhu-oss-proxy.lanhuapp.com/f70fb3b969d2aa568b8d0dae88348ad9" />
</div>
<div class="text-wrapper_1 flex-row">
<span class="paragraph_1"
>轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span
>
</div>
<div class="block_2 flex-row">
<span class="text_4">设备购买模式</span>
<img
class="image_3"
src="https://lanhu-oss-proxy.lanhuapp.com/f30dd3ca8f8c1a2835f132e743e2c7bf"
/>
<span class="text_5">设备租赁模式</span>
<img
class="image_4"
src="https://lanhu-oss-proxy.lanhuapp.com/b84071656cb622c4fe9ceb76a2d05318"
/>
<span class="text_6">运营商分级</span>
<div class="text-wrapper_2 flex-col">
<span class="text_7">代理商体系</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/9e787f9efb19c179681ac43cb422d296"
/>
</div>
<span class="paragraph_1">轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span>
</div>
<pageBtnGroupVue style="margin-top: -5.2vw;margin-left: -42vw;" :btn-group="[{
name:'设备购买模式',
url:'/cooperation',
isSelect:false
},{
name:'设备租赁模式',
url:'/lease',
isSelect:false
},{
name:'运营商分级',
url:'/operator',
isSelect:false
},{
name:'代理商体系',
url:'/agent',
isSelect:true
}]" />
</div>
</div>
<div class="block_3 flex-col">
......@@ -63,11 +45,8 @@
<div class="box_3 flex-col">
<div class="box_4 flex-row">
<span class="text_10">省级代理商</span>
<img
class="image_5"
src="https://lanhu-oss-proxy.lanhuapp.com/aa1f8518dfb618869f07b8e8174cf117"
/>
<img class="image_5"
src="https://lanhu-oss-proxy.lanhuapp.com/aa1f8518dfb618869f07b8e8174cf117" />
<div class="box_5 flex-col justify-between">
<span class="text_11">年收益预估</span>
<div class="text-wrapper_3 flex-row justify-between">
......@@ -81,54 +60,33 @@
<div class="image-text_2 flex-row">
<div class="image-text_3 flex-row">
<div class="image-text_4 flex-row justify-between">
<img
class="image_6"
src="https://lanhu-oss-proxy.lanhuapp.com/c498b52435211b1c989dd5fed114cd93"
/>
<img class="image_6"
src="https://lanhu-oss-proxy.lanhuapp.com/c498b52435211b1c989dd5fed114cd93" />
<div class="text-wrapper_4">
<span class="text_17">独家资源：</span>
<span class="paragraph_2"
>享有省内优先推广权，避免恶性竞争。<br
/></span>
<span class="paragraph_2">享有省内优先推广权，避免恶性竞争。<br /></span>
<span class="text_18">高额返利：</span>
<span class="paragraph_3"
>完成年度目标后，最高可获15%销售返点。<br
/></span>
<span class="paragraph_3">完成年度目标后，最高可获15%销售返点。<br /></span>
<span class="text_19">扶持政策：</span>
<span class="text_20"
>总部提供会销支持、专家站台、广告投放补贴。</span
>
<span class="text_20">总部提供会销支持、专家站台、广告投放补贴。</span>
</div>
</div>
<img
class="image_7"
src="https://lanhu-oss-proxy.lanhuapp.com/af45116e6de1cef719993bac03311427"
/>
<img class="image_7"
src="https://lanhu-oss-proxy.lanhuapp.com/af45116e6de1cef719993bac03311427" />
</div>
<img
class="image_8"
src="https://lanhu-oss-proxy.lanhuapp.com/9aa875a53fd5a772a33476413de00155"
/>
<img class="image_8"
src="https://lanhu-oss-proxy.lanhuapp.com/9aa875a53fd5a772a33476413de00155" />
</div>
</div>
</div>
<div class="group_4 flex-col justify-between">
<img
class="image_9"
src="https://lanhu-oss-proxy.lanhuapp.com/adb1339fe50d70b41d882ffbb117d7d6"
/>
<img class="image_9"
src="https://lanhu-oss-proxy.lanhuapp.com/adb1339fe50d70b41d882ffbb117d7d6" />
<div class="box_6 flex-col">
<div class="group_5 flex-row">
<span class="text_21">全国代理商</span>
<img
class="image_10"
src="https://lanhu-oss-proxy.lanhuapp.com/ae99d9d6d1b447c54746ccbd27101ec5"
/>
<img class="image_10"
src="https://lanhu-oss-proxy.lanhuapp.com/ae99d9d6d1b447c54746ccbd27101ec5" />
<div class="text-wrapper_5 flex-col justify-between">
<span class="text_22">年收益预估</span>
<span class="text_23">1000</span>
......@@ -138,45 +96,26 @@
<div class="image-text_5 flex-row">
<div class="image-text_6 flex-row">
<div class="image-text_7 flex-row justify-between">
<img
class="image_11"
src="https://lanhu-oss-proxy.lanhuapp.com/afcc5beb2ba19bb232984ed4c6d3b333"
/>
<img class="image_11"
src="https://lanhu-oss-proxy.lanhuapp.com/afcc5beb2ba19bb232984ed4c6d3b333" />
<div class="text-wrapper_6">
<span class="text_25">无区域限制：</span>
<span class="paragraph_4"
>全国范围招商，利润空间最大化。<br
/></span>
<span class="paragraph_4">全国范围招商，利润空间最大化。<br /></span>
<span class="text_26">顶级分润：</span>
<span class="paragraph_5"
>享受20%渠道销售分成+股权激励（优秀代理商）。<br
/></span>
<span class="paragraph_5">享受20%渠道销售分成+股权激励（优秀代理商）。<br /></span>
<span class="text_27">战略合作：</span>
<span class="text_28"
>直接对接总部资源，参与新产品内测。</span
>
<span class="text_28">直接对接总部资源，参与新产品内测。</span>
</div>
</div>
<img
class="image_12"
src="https://lanhu-oss-proxy.lanhuapp.com/329db6218825daa69a56b1f918551a7c"
/>
<img class="image_12"
src="https://lanhu-oss-proxy.lanhuapp.com/329db6218825daa69a56b1f918551a7c" />
</div>
<img
class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/98946aee61d554e4f13689a22ca2a9b2"
/>
<img class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/98946aee61d554e4f13689a22ca2a9b2" />
</div>
</div>
</div>
<img
class="image_14"
src="https://lanhu-oss-proxy.lanhuapp.com/77d7ed91546aab2da4044daee20586b9"
/>
<img class="image_14" src="https://lanhu-oss-proxy.lanhuapp.com/77d7ed91546aab2da4044daee20586b9" />
</div>
<div class="text-wrapper_7 flex-row">
<span class="text_29">为什么选择阳生万物？</span>
......@@ -191,11 +130,8 @@
</div>
<span class="text_32">独家多模态能量专利，竞品无法复制</span>
</div>
<img
class="image_15"
src="https://lanhu-oss-proxy.lanhuapp.com/445815afa412008511a20e0d5818f7f7"
/>
<img class="image_15"
src="https://lanhu-oss-proxy.lanhuapp.com/445815afa412008511a20e0d5818f7f7" />
<div class="box_9 flex-col">
<div class="box_10 flex-col"></div>
<div class="text-group_3 flex-col justify-between">
......@@ -204,11 +140,8 @@
</div>
<span class="text_35">从选址装修到客户转化，全程标准化支持</span>
</div>
<img
class="image_16"
src="https://lanhu-oss-proxy.lanhuapp.com/240819dad4bd7ac329d85e2156c942ee"
/>
<img class="image_16"
src="https://lanhu-oss-proxy.lanhuapp.com/240819dad4bd7ac329d85e2156c942ee" />
<div class="box_11 flex-col">
<div class="box_12 flex-col"></div>
<div class="text-group_4 flex-col justify-between">
......@@ -226,15 +159,17 @@
</div>
</template>
<script>
import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue'
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 {
export default {
components: {
HeaderNav,
Footer,
HeroSection
HeroSection,
pageBtnGroupVue
},
data() {
return {
......@@ -242,7 +177,7 @@ export default {
};
},
methods: {},
};
};
</script>
<style src="./common.css" />
<style scoped>
......@@ -257,16 +192,14 @@ export default {
position: relative;
width: 100vw;
height: 159.9vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/d58f545318d623a91a8c78031be12819)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/d58f545318d623a91a8c78031be12819) 100% no-repeat;
background-size: 100% 100%;
}
.block_1 {
width: 100vw;
height: 51.05vw;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/70926bcbb19749429ec37e3dd2834033_mergeImage.png)
100% no-repeat;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/70926bcbb19749429ec37e3dd2834033_mergeImage.png) 100% no-repeat;
background-size: 100% 100%;
}
......@@ -332,8 +265,7 @@ export default {
.group_2 {
height: 51.05vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/7226bce1da397685fb71a2541238a149)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/7226bce1da397685fb71a2541238a149) 100% no-repeat;
background-size: 100% 100%;
margin-left: 2.61vw;
width: 43.75vw;
......@@ -375,8 +307,7 @@ export default {
top: 45.84vw;
width: 86.46vw;
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/0b66f421388271204c6ec234885e551f)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/0b66f421388271204c6ec234885e551f) 100% no-repeat;
background-size: 100% 100%;
}
......@@ -436,8 +367,7 @@ export default {
.text-wrapper_2 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/133f945a1142cb42663caf0410be6fa3)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/133f945a1142cb42663caf0410be6fa3) 100% no-repeat;
background-size: 100% 100%;
margin-left: 5.21vw;
width: 18.23vw;
......@@ -500,13 +430,11 @@ export default {
}
.text_8 {
background-image: linear-gradient(
90deg,
background-image: linear-gradient(90deg,
rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0,
rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%
);
rgba(0, 199, 218, 1) 100%);
width: 12.4vw;
height: 2.4vw;
overflow-wrap: break-word;
......@@ -538,8 +466,7 @@ export default {
.box_3 {
width: 35.42vw;
height: 23.44vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/fc12cfcd034992200d1dfe0eab87c5a9)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/fc12cfcd034992200d1dfe0eab87c5a9) 100% no-repeat;
background-size: 100% 100%;
margin: 4.27vw 0 0 0.05vw;
}
......@@ -802,8 +729,7 @@ export default {
.box_6 {
width: 35.42vw;
height: 23.44vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/4e4a03210f74822c28a4fe1d3d0330b9)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/4e4a03210f74822c28a4fe1d3d0330b9) 100% no-repeat;
background-size: 100% 100%;
margin-top: 10.32vw;
}
......@@ -1052,8 +978,7 @@ export default {
.block_4 {
width: 4.38vw;
height: 4.38vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/c9e66460e1988f7ef8b5fd191036324f)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/c9e66460e1988f7ef8b5fd191036324f) 100% no-repeat;
background-size: 100% 100%;
margin-left: 5.32vw;
}
......@@ -1120,8 +1045,7 @@ export default {
.box_10 {
width: 4.59vw;
height: 4.17vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/30f8e694bc71507fa805670ecb3463b7)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/30f8e694bc71507fa805670ecb3463b7) 100% no-repeat;
background-size: 100% 100%;
margin-left: 4.9vw;
}
......@@ -1188,8 +1112,7 @@ export default {
.box_12 {
width: 3.49vw;
height: 4.38vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/ca4d5a369374a1bc043f7b17c0644acc)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/ca4d5a369374a1bc043f7b17c0644acc) 100% no-repeat;
background-size: 100% 100%;
margin-left: 5.73vw;
}
......@@ -1246,8 +1169,7 @@ export default {
top: 141.67vw;
width: 100vw;
height: 18.23vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/e95c13052baa89d0a3e761e60b88a025)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/e95c13052baa89d0a3e761e60b88a025) 100% no-repeat;
background-size: 100% 100%;
justify-content: flex-center;
}
......@@ -1379,8 +1301,7 @@ export default {
.image-wrapper_3 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/a1d1e09ff711656be72e0ac793cc0614)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/a1d1e09ff711656be72e0ac793cc0614) 100% no-repeat;
background-size: 100% 100%;
width: 5.21vw;
position: absolute;
......@@ -1393,5 +1314,4 @@ export default {
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
}
</style>
\ No newline at end of file
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 {
......
src/views/lease.vue
......@@ -8,51 +8,33 @@
<div class="box_1 flex-col">
<span class="text_2">cooperation</span>
<span class="text_3">合作优势</span>
<img
class="image_2"
src="https://lanhu-oss-proxy.lanhuapp.com/8178002b22a7a69a2d8ddb9644a3b939"
/>
<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/8178002b22a7a69a2d8ddb9644a3b939" />
</div>
<div class="box_2 flex-col">
<div class="image-wrapper_1 flex-row">
<img
class="label_1"
src="https://lanhu-oss-proxy.lanhuapp.com/5d5a4d04132690a7d6dd94d2a0f0f423"
/>
<img class="label_1"
src="https://lanhu-oss-proxy.lanhuapp.com/5d5a4d04132690a7d6dd94d2a0f0f423" />
</div>
<div class="text-wrapper_1 flex-row">
<span class="paragraph_1"
>轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span
>
</div>
<div class="group_2 flex-row">
<span class="text_4">设备购买模式</span>
<div class="text-wrapper_2 flex-col">
<span class="text_5">设备租赁模式</span>
</div>
<span class="text_6">运营商分级</span>
<img
class="image_3"
src="https://lanhu-oss-proxy.lanhuapp.com/2021cd3d4eb126a8707768d37f730b86"
/>
<span class="text_7">代理商体系</span>
<img
class="image_4"
src="https://lanhu-oss-proxy.lanhuapp.com/b79f1f7e60a2f75acbff095c9991d16b"
/>
<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/1879c496ea4639dd16a4fc3e80fee70f"
/>
</div>
</div>
<span class="paragraph_1">轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span>
</div>
<pageBtnGroupVue style="margin-top: -5.2vw;margin-left: -42vw;" :btn-group="[{
name:'设备购买模式',
url:'/cooperation',
isSelect:false
},{
name:'设备租赁模式',
url:'/lease',
isSelect:true
},{
name:'运营商分级',
url:'/operator',
isSelect:false
},{
name:'代理商体系',
url:'/agent',
isSelect:false
}]" />
</div>
</div>
<div class="section_2 flex-col">
......@@ -60,60 +42,33 @@
<div class="box_3 flex-col">
<span class="text_8">设备租赁模式</span>
<span class="text_9">适合低成本试水市场的创业者！</span>
<img
class="image_5"
src="https://lanhu-oss-proxy.lanhuapp.com/657ee418e362b514ee7f683a321d50c7"
/>
<img class="image_5"
src="https://lanhu-oss-proxy.lanhuapp.com/657ee418e362b514ee7f683a321d50c7" />
</div>
<img
class="image_6"
src="https://lanhu-oss-proxy.lanhuapp.com/579f993d0b2a96b6254576dd598b28f3"
/>
<img
class="image_7"
src="https://lanhu-oss-proxy.lanhuapp.com/93c6a78f6013e1e7f38a59a33327f42f"
/>
<img class="image_6" src="https://lanhu-oss-proxy.lanhuapp.com/579f993d0b2a96b6254576dd598b28f3" />
<img class="image_7" src="https://lanhu-oss-proxy.lanhuapp.com/93c6a78f6013e1e7f38a59a33327f42f" />
</div>
<div class="group_4 flex-row">
<div class="group_5 flex-col">
<div class="group_6 flex-row justify-between">
<img
class="label_2"
src="https://lanhu-oss-proxy.lanhuapp.com/f83e72d1ddc74b329e8a1906d83858b8"
/>
<img class="label_2"
src="https://lanhu-oss-proxy.lanhuapp.com/f83e72d1ddc74b329e8a1906d83858b8" />
<span class="text_10">适合对象</span>
</div>
<div class="group_7 flex-row justify-between">
<div class="image-text_2 flex-row">
<div class="image-text_3 flex-row justify-between">
<img
class="image_8"
src="https://lanhu-oss-proxy.lanhuapp.com/161db5194a90cc65a0107718ba98689f"
/>
<span class="paragraph_2"
>初创健康机构：健身工作室、美容院等，降低初期投入风险。<br />想试运营验证市场需求的投资者。</span
>
<img class="image_8"
src="https://lanhu-oss-proxy.lanhuapp.com/161db5194a90cc65a0107718ba98689f" />
<span class="paragraph_2">初创健康机构：健身工作室、美容院等，降低初期投入风险。<br />想试运营验证市场需求的投资者。</span>
</div>
<img
class="image_9"
src="https://lanhu-oss-proxy.lanhuapp.com/5517f81ecd9081d65839dc6e83d96ba7"
/>
<img class="image_9"
src="https://lanhu-oss-proxy.lanhuapp.com/5517f81ecd9081d65839dc6e83d96ba7" />
</div>
<div class="image-text_4 flex-row justify-between">
<img
class="image_10"
src="https://lanhu-oss-proxy.lanhuapp.com/6ddbce0f0185d0071abec27ca7ad0ee2"
/>
<span class="text-group_2"
>轻资产运营理念的支持者，保险或保健品团队。</span
>
<img class="image_10"
src="https://lanhu-oss-proxy.lanhuapp.com/6ddbce0f0185d0071abec27ca7ad0ee2" />
<span class="text-group_2">轻资产运营理念的支持者，保险或保健品团队。</span>
</div>
</div>
</div>
......@@ -121,40 +76,25 @@
<div class="group_8 flex-row">
<div class="section_3 flex-col">
<div class="group_9 flex-row justify-between">
<img
class="label_3"
src="https://lanhu-oss-proxy.lanhuapp.com/7423bfc3a53db5a8234f561f11c46d47"
/>
<img class="label_3"
src="https://lanhu-oss-proxy.lanhuapp.com/7423bfc3a53db5a8234f561f11c46d47" />
<span class="text_11">核心优势</span>
</div>
<div class="group_10 flex-row justify-between">
<div class="image-text_5 flex-row justify-between">
<div class="image-wrapper_2 flex-col justify-between">
<img
class="image_11"
src="https://lanhu-oss-proxy.lanhuapp.com/01c4e7004c7b35434649d9a271b29cf0"
/>
<img
class="image_12"
src="https://lanhu-oss-proxy.lanhuapp.com/6abe205f626d9ef3123acd27574def27"
/>
<img class="image_11"
src="https://lanhu-oss-proxy.lanhuapp.com/01c4e7004c7b35434649d9a271b29cf0" />
<img class="image_12"
src="https://lanhu-oss-proxy.lanhuapp.com/6abe205f626d9ef3123acd27574def27" />
</div>
<span class="text-group_3"
>大额购置成本：仅需支付押金+月租，即可启动运营，资金占用极低。<br />灵活退出机制：合约期满可退租或转购买（押金抵扣设备款）。</span
>
<span
class="text-group_3">大额购置成本：仅需支付押金+月租，即可启动运营，资金占用极低。<br />灵活退出机制：合约期满可退租或转购买（押金抵扣设备款）。</span>
</div>
<div class="image-text_6 flex-row justify-between">
<img
class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/c7b0cd5af78f41734ad9bc4e1ff3d3cc"
/>
<span class="text-group_4"
>快速盈利验证：按单次收费300-800元，月均60客即可覆盖租金，剩余均为纯利。</span
>
<img class="image_13"
src="https://lanhu-oss-proxy.lanhuapp.com/c7b0cd5af78f41734ad9bc4e1ff3d3cc" />
<span class="text-group_4">快速盈利验证：按单次收费300-800元，月均60客即可覆盖租金，剩余均为纯利。</span>
</div>
</div>
</div>
......@@ -162,29 +102,18 @@
<div class="group_11 flex-row">
<div class="group_12 flex-col">
<div class="section_4 flex-row justify-between">
<img
class="label_4"
src="https://lanhu-oss-proxy.lanhuapp.com/c891e7af7624d72d0814d363dd499264"
/>
<img class="label_4"
src="https://lanhu-oss-proxy.lanhuapp.com/c891e7af7624d72d0814d363dd499264" />
<span class="text_12">政策支持</span>
</div>
<div class="section_5 flex-row">
<img
class="image_14"
src="https://lanhu-oss-proxy.lanhuapp.com/14a80c7685fda29776affc015cec0b4f"
/>
<img class="image_14"
src="https://lanhu-oss-proxy.lanhuapp.com/14a80c7685fda29776affc015cec0b4f" />
<span class="text_13">首月免租金（限前50名签约伙伴）。</span>
<div class="image-text_7 flex-row justify-between">
<img
class="image_15"
src="https://lanhu-oss-proxy.lanhuapp.com/ab839dca4d2efe1f76f53b1beaa79d68"
/>
<span class="text-group_5"
>提供客户引流支持（线上+线下推广模板）。</span
>
<img class="image_15"
src="https://lanhu-oss-proxy.lanhuapp.com/ab839dca4d2efe1f76f53b1beaa79d68" />
<span class="text-group_5">提供客户引流支持（线上+线下推广模板）。</span>
</div>
</div>
</div>
......@@ -196,15 +125,17 @@
</div>
</template>
<script>
import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue'
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 {
export default {
components: {
HeaderNav,
Footer,
HeroSection
HeroSection,
pageBtnGroupVue
},
data() {
return {
......@@ -212,7 +143,7 @@ export default {
};
},
methods: {},
};
};
</script>
<style src="./common.css" />
<style scoped>
......@@ -227,16 +158,14 @@ export default {
position: relative;
width: 100vw;
height: 194.07vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/62dd678d224b66e829dc69063ca4b26c)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/62dd678d224b66e829dc69063ca4b26c) 100% no-repeat;
background-size: 100% 100%;
}
.section_1 {
width: 100vw;
height: 51.05vw;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1183ce6d25e441a6b140402c64b1b3f9_mergeImage.png)
100% no-repeat;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/1183ce6d25e441a6b140402c64b1b3f9_mergeImage.png) 100% no-repeat;
background-size: 100% 100%;
}
......@@ -302,8 +231,7 @@ export default {
.box_2 {
height: 51.05vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/27038ec4650aa0718cacb72e86f4f676)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/27038ec4650aa0718cacb72e86f4f676) 100% no-repeat;
background-size: 100% 100%;
margin-left: 2.61vw;
width: 43.75vw;
......@@ -345,8 +273,7 @@ export default {
top: 45.84vw;
width: 86.46vw;
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/faeb2a975230bce2938035ba58270853)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/faeb2a975230bce2938035ba58270853) 100% no-repeat;
background-size: 100% 100%;
}
......@@ -366,8 +293,7 @@ export default {
.text-wrapper_2 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/f203de88faea6af3ecbbd6d5b9def8bb)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/f203de88faea6af3ecbbd6d5b9def8bb) 100% no-repeat;
background-size: 100% 100%;
margin-left: 4.54vw;
width: 18.23vw;
......@@ -470,13 +396,11 @@ export default {
}
.text_8 {
background-image: linear-gradient(
90deg,
background-image: linear-gradient(90deg,
rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0,
rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%
);
rgba(0, 199, 218, 1) 100%);
width: 14.8vw;
height: 2.45vw;
overflow-wrap: break-word;
......@@ -531,8 +455,7 @@ export default {
.group_5 {
height: 20.84vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/6deeaf5c933b774e9231d7ef3d0ca428)
0vw -0.89vw no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/6deeaf5c933b774e9231d7ef3d0ca428) 0vw -0.89vw no-repeat;
background-size: 75.78vw 21.71vw;
width: 72.92vw;
}
......@@ -635,8 +558,7 @@ export default {
.section_3 {
height: 20.84vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/b363bc255e227e874a212f8745566977)
0vw -0.89vw no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/b363bc255e227e874a212f8745566977) 0vw -0.89vw no-repeat;
background-size: 75.78vw 21.71vw;
width: 72.92vw;
}
......@@ -735,8 +657,7 @@ export default {
.group_12 {
height: 20.84vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/754cc4244240ca3825eac2bbf56b578d)
0vw -0.89vw no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/754cc4244240ca3825eac2bbf56b578d) 0vw -0.89vw no-repeat;
background-size: 75.78vw 21.71vw;
width: 72.92vw;
}
......@@ -821,8 +742,7 @@ export default {
top: 175.84vw;
width: 100vw;
height: 18.23vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/f3a3eb03f8d9c2f5d69121ff927034d6)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/f3a3eb03f8d9c2f5d69121ff927034d6) 100% no-repeat;
background-size: 100% 100%;
justify-content: flex-center;
}
......@@ -954,8 +874,7 @@ export default {
.image-wrapper_4 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/ac7da81aefa7b4057824a4f9127b678e)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/ac7da81aefa7b4057824a4f9127b678e) 100% no-repeat;
background-size: 100% 100%;
width: 5.21vw;
position: absolute;
......@@ -968,5 +887,4 @@ export default {
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
}
</style>
\ No newline at end of file
src/views/operator.vue
......@@ -8,46 +8,33 @@
<div class="box_2 flex-col">
<span class="text_2">cooperation</span>
<span class="text_3">合作优势</span>
<img
class="image_2"
src="https://lanhu-oss-proxy.lanhuapp.com/4926f8f45c7b8960de431a2fb711cc74"
/>
<img class="image_2" src="https://lanhu-oss-proxy.lanhuapp.com/4926f8f45c7b8960de431a2fb711cc74" />
</div>
<div class="box_3 flex-col">
<div class="image-wrapper_1 flex-row">
<img
class="label_1"
src="https://lanhu-oss-proxy.lanhuapp.com/61c5472e47aa41ef42ad4d7e511100ba"
/>
<img class="label_1"
src="https://lanhu-oss-proxy.lanhuapp.com/61c5472e47aa41ef42ad4d7e511100ba" />
</div>
<div class="text-wrapper_1 flex-row">
<span class="paragraph_1"
>轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span
>
</div>
<div class="group_1 flex-row">
<span class="text_4">设备购买模式</span>
<img
class="image_3"
src="https://lanhu-oss-proxy.lanhuapp.com/fa026d9d5ff74fc62af3cb9b7ab44531"
/>
<span class="text_5">设备租赁模式</span>
<div class="text-wrapper_2 flex-col">
<span class="text_6">运营商分级</span>
</div>
<span class="text_7">代理商体系</span>
<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/580cac74c19acecc148aa69444e32a22"
/>
</div>
<span class="paragraph_1">轻资产运营，高回报收益，共享万亿健康产业红利<br />合作模式&nbsp;|&nbsp;灵活选择，快速启动</span>
</div>
<pageBtnGroupVue style="margin-top: -5.2vw;margin-left: -42vw;" :btn-group="[{
name:'设备购买模式',
url:'/cooperation',
isSelect:false
},{
name:'设备租赁模式',
url:'/lease',
isSelect:false
},{
name:'运营商分级',
url:'/operator',
isSelect:true
},{
name:'代理商体系',
url:'/agent',
isSelect:false
}]" />
</div>
</div>
<div class="box_4 flex-col">
......@@ -55,40 +42,25 @@
<div class="group_2 flex-col">
<div class="block_1 flex-row justify-between">
<span class="text_8">运营商分级</span>
<img
class="image_4"
src="https://lanhu-oss-proxy.lanhuapp.com/4d94ccc5a55d303a4919ebb498c78bd1"
/>
<img class="image_4"
src="https://lanhu-oss-proxy.lanhuapp.com/4d94ccc5a55d303a4919ebb498c78bd1" />
</div>
<span class="text_9">越早加入，收益越大</span>
<div class="block_2 flex-col">
<div class="image-wrapper_2 flex-row">
<img
class="image_5"
:src="item.lanhuimage0"
v-for="(item, index) in loopData0"
:key="index"
/>
<img class="image_5" :src="item.lanhuimage0" v-for="(item, index) in loopData0"
:key="index" />
</div>
<div class="list_1 flex-row">
<div
class="text-group_2 flex-col justify-between"
v-for="(item, index) in loopData1"
:key="index"
>
<div class="text-group_2 flex-col justify-between" v-for="(item, index) in loopData1"
:key="index">
<span class="text_10" v-html="item.lanhutext0"></span>
<span class="text_11" v-html="item.lanhutext1"></span>
</div>
</div>
</div>
</div>
<img
class="image_6"
src="https://lanhu-oss-proxy.lanhuapp.com/37480a72bb3aa65fc40f94b6a3e5de2f"
/>
<img class="image_6" src="https://lanhu-oss-proxy.lanhuapp.com/37480a72bb3aa65fc40f94b6a3e5de2f" />
</div>
</div>
<!-- 使用Footer组件替代重复的页脚代码 -->
......@@ -97,47 +69,55 @@
</div>
</template>
<script>
import HeaderNav from '@/components/HeaderNav.vue'
import Footer from '@/components/Footer.vue'
import HeroSection from '@/components/HeroSection.vue'
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 {
export default {
components: {
HeaderNav,
Footer,
HeroSection
HeroSection,
pageBtnGroupVue
},
data() {
return {
loopData0: [
{
lanhuimage0:
'https://lanhu-oss-proxy.lanhuapp.com/4f7e1003a818bdfa61a2ad80520e31fa',
loopData0: [{
lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/4f7e1003a818bdfa61a2ad80520e31fa',
},
{
lanhuimage0:
'https://lanhu-oss-proxy.lanhuapp.com/0297295a31cb24d28c9dc44617880a91',
lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/0297295a31cb24d28c9dc44617880a91',
},
{
lanhuimage0:
'https://lanhu-oss-proxy.lanhuapp.com/b8d6c8edf4a46e118a510af47add3f94',
lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/b8d6c8edf4a46e118a510af47add3f94',
},
{
lanhuimage0:
'https://lanhu-oss-proxy.lanhuapp.com/f25585b66cc9a333755d76d6a5add1cc',
lanhuimage0: 'https://lanhu-oss-proxy.lanhuapp.com/f25585b66cc9a333755d76d6a5add1cc',
},
],
loopData1: [
{ lanhutext0: '一般运营商', lanhutext1: 'General&nbsp;operator' },
{ lanhutext0: '银牌运营商', lanhutext1: 'Silver&nbsp;operator' },
{ lanhutext0: '金牌运营商', lanhutext1: 'Gold&nbsp;Operator' },
{ lanhutext0: '钻石运营商', lanhutext1: 'Diamond&nbsp;operator' },
loopData1: [{
lanhutext0: '一般运营商',
lanhutext1: 'General&nbsp;operator'
},
{
lanhutext0: '银牌运营商',
lanhutext1: 'Silver&nbsp;operator'
},
{
lanhutext0: '金牌运营商',
lanhutext1: 'Gold&nbsp;Operator'
},
{
lanhutext0: '钻石运营商',
lanhutext1: 'Diamond&nbsp;operator'
},
],
constants: {},
};
},
methods: {},
};
};
</script>
<style src="./common.css" />
<style scoped>
......@@ -152,16 +132,14 @@ export default {
position: relative;
width: 100vw;
height: 128.65vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/a27c35e937aa4e12aea16815570da728)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/a27c35e937aa4e12aea16815570da728) 100% no-repeat;
background-size: 100% 100%;
}
.box_1 {
width: 100vw;
height: 51.05vw;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/194f26c02f9241948fff44169fc25a81_mergeImage.png)
100% no-repeat;
background: url(https://lanhu-dds-backend.oss-cn-beijing.aliyuncs.com/merge_image/imgs/194f26c02f9241948fff44169fc25a81_mergeImage.png) 100% no-repeat;
background-size: 100% 100%;
}
......@@ -227,8 +205,7 @@ export default {
.box_3 {
height: 51.05vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/7c31beb5b499b356dc860a6d44fd9a4f)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/7c31beb5b499b356dc860a6d44fd9a4f) 100% no-repeat;
background-size: 100% 100%;
margin-left: 2.61vw;
width: 43.75vw;
......@@ -270,8 +247,7 @@ export default {
top: 45.84vw;
width: 86.46vw;
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/dc51e580c2eaac765525b36bf53b4f2f)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/dc51e580c2eaac765525b36bf53b4f2f) 100% no-repeat;
background-size: 100% 100%;
}
......@@ -311,8 +287,7 @@ export default {
.text-wrapper_2 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/e12d5ff8ead3bcd1087c58c1603cfa80)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/e12d5ff8ead3bcd1087c58c1603cfa80) 100% no-repeat;
background-size: 100% 100%;
margin-left: 4.43vw;
width: 18.23vw;
......@@ -394,13 +369,11 @@ export default {
}
.text_8 {
background-image: linear-gradient(
90deg,
background-image: linear-gradient(90deg,
rgba(0, 82, 217, 1) 0,
rgba(0, 82, 217, 1) 0,
rgba(0, 199, 218, 1) 100%,
rgba(0, 199, 218, 1) 100%
);
rgba(0, 199, 218, 1) 100%);
width: 12.45vw;
height: 2.45vw;
overflow-wrap: break-word;
......@@ -437,8 +410,7 @@ export default {
.block_2 {
width: 72.92vw;
height: 28.13vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/128dea2f974433d36ea394d22c161702) -0.16vw -0.16vw
no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/128dea2f974433d36ea394d22c161702) -0.16vw -0.16vw no-repeat;
background-size: 73.22vw 28.43vw;
margin: 4.27vw 0 0 0.05vw;
}
......@@ -506,8 +478,7 @@ export default {
top: 110.42vw;
width: 100vw;
height: 18.23vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/0750a15a5ce4b96a9b3ee715e06fbac4)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/0750a15a5ce4b96a9b3ee715e06fbac4) 100% no-repeat;
background-size: 100% 100%;
justify-content: flex-center;
}
......@@ -639,8 +610,7 @@ export default {
.image-wrapper_4 {
height: 5.21vw;
background: url(https://lanhu-oss-proxy.lanhuapp.com/c95aa795b4876c98d94ce1dc72d7d99b)
100% no-repeat;
background: url(https://lanhu-oss-proxy.lanhuapp.com/c95aa795b4876c98d94ce1dc72d7d99b) 100% no-repeat;
background-size: 100% 100%;
width: 5.21vw;
position: absolute;
......@@ -653,5 +623,4 @@ export default {
height: 0.73vw;
margin: 2.23vw 0 0 1.92vw;
}
</style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment