zq
3 months ago
25 changed files with 21611 additions and 27 deletions
|
After Width: | Height: | Size: 3.6 KiB |
|
After Width: | Height: | Size: 2.1 MiB |
|
After Width: | Height: | Size: 798 KiB |
|
After Width: | Height: | Size: 239 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 3.9 KiB |
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 239 KiB |
@ -0,0 +1,19 @@ |
|||
<template> |
|||
<div class="web-main-footer"> |
|||
© 2012-2025 快乐论文 ,  <a href="">Inc. All rights reserved.</a> 鲁ICP备14002313号-1 |
|||
</div> |
|||
</template> |
|||
<style lang="scss" scoped> |
|||
.web-main-footer{ |
|||
width: 100%; |
|||
height: 65px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #626573 |
|||
a{ |
|||
text-decoration: none; |
|||
color: #006AFF; |
|||
} |
|||
} |
|||
</style> |
|||
@ -0,0 +1,10 @@ |
|||
<template> |
|||
<div class="header-wrap"> |
|||
<div class="header-logo"> |
|||
<img src="../assets/franchise1/logo.png" alt=""> |
|||
</div> |
|||
<div class="header-right"> |
|||
|
|||
</div> |
|||
</div> |
|||
</template> |
|||
@ -0,0 +1,59 @@ |
|||
<template> |
|||
<el-menu default-active="1-4-1" class="el-menu-vertical-demo" @open="handleOpen" @close="handleClose" |
|||
:collapse="isCollapse"> |
|||
<el-submenu index="1"> |
|||
<template slot="title"> |
|||
<i class="el-icon-location"></i> |
|||
<span slot="title">导航一</span> |
|||
</template> |
|||
<el-menu-item-group> |
|||
<span slot="title">分组一</span> |
|||
<el-menu-item index="1-1">选项1</el-menu-item> |
|||
<el-menu-item index="1-2">选项2</el-menu-item> |
|||
</el-menu-item-group> |
|||
<el-menu-item-group title="分组2"> |
|||
<el-menu-item index="1-3">选项3</el-menu-item> |
|||
</el-menu-item-group> |
|||
<el-submenu index="1-4"> |
|||
<span slot="title">选项4</span> |
|||
<el-menu-item index="1-4-1">选项1</el-menu-item> |
|||
</el-submenu> |
|||
</el-submenu> |
|||
<el-menu-item index="2"> |
|||
<i class="el-icon-menu"></i> |
|||
<span slot="title">导航二</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="3" disabled> |
|||
<i class="el-icon-document"></i> |
|||
<span slot="title">导航三</span> |
|||
</el-menu-item> |
|||
<el-menu-item index="4"> |
|||
<i class="el-icon-setting"></i> |
|||
<span slot="title">导航四</span> |
|||
</el-menu-item> |
|||
</el-menu> |
|||
</template> |
|||
<script> |
|||
export default { |
|||
name:'SliderMenu', |
|||
data() { |
|||
return { |
|||
isCollapse: true |
|||
}; |
|||
}, |
|||
methods: { |
|||
handleOpen(key, keyPath) { |
|||
console.log(key, keyPath); |
|||
}, |
|||
handleClose(key, keyPath) { |
|||
console.log(key, keyPath); |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
.el-menu-vertical-demo:not(.el-menu--collapse) { |
|||
width: 200px; |
|||
min-height: 400px; |
|||
} |
|||
</style> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
@ -0,0 +1,169 @@ |
|||
<template> |
|||
<div class="passport-layout-web-reg web-v3-layout-box"> |
|||
<div class="web-v3-common-logo main-logo"> |
|||
<img src="../assets/franchise1/logo.png" class="logo-image" alt=""> |
|||
</div> |
|||
<div class="is-h5"> |
|||
<div class="login-com-lang"> |
|||
<div class="newLogin_lang-box"> |
|||
|
|||
</div> |
|||
</div> |
|||
<div class="language-options-h5-mask"> |
|||
|
|||
</div> |
|||
<div class="newLogin_lang-options newLogin_lang-options-down"></div> |
|||
</div> |
|||
|
|||
<div class="web-reg-left"> |
|||
<img class="isv-img" src="../assets/franchise1/left_list.png" alt=""> |
|||
</div> |
|||
<div class="web-reg-right"> |
|||
<div class="web-req-right-top"> |
|||
<div class="web-main-content"> |
|||
<div class="login-content-container"> |
|||
<div class="new-account-login-box new-account-login-box-hide-back"> |
|||
<div class="new-account-login-module new-account-module-nopadding"> |
|||
<div class="step-box enter-credential ud__modal__content"> |
|||
<!-- <div class="ud__modal__header"> |
|||
|
|||
</div> --> |
|||
<el-form :model="form" :rules="rules" class="el-row demo-ruleForm" ref="formRef"> |
|||
<div class="right-form"> |
|||
<GuipFormItem column="column" addClass="w388"> |
|||
<div slot="formLeft" class="form-top-icon"> |
|||
<img src="../assets/franchise1/storeNum.svg" alt=""> |
|||
<span>订单号</span> |
|||
</div> |
|||
<GuipInput slot="formDom" ref="GuipInput" placeholder="拍1件金额3000元订单" desc="2000元加盟费+1000元充值账户余额"/> |
|||
</GuipFormItem> |
|||
<GuipFormItem column="column" addClass="w388"> |
|||
<div slot="formLeft" class="form-top-icon"> |
|||
<img src="../assets/franchise1/nicheng.svg" alt=""> |
|||
<span>平台昵称</span> |
|||
</div> |
|||
<GuipInput slot="formDom" ref="GuipInput" v-model="form.username" prop="username" placeholder="为自己取个平台昵称" desc="仅用于后台内使用、区分子账号"/> |
|||
</GuipFormItem> |
|||
<GuipFormItem column="column" addClass="w388"> |
|||
<div slot="formLeft" class="form-top-icon"> |
|||
<img src="../assets/franchise1/nicheng.svg" alt=""> |
|||
<span>平台昵称</span> |
|||
</div> |
|||
<GuipInput slot="formDom" ref="GuipInput" placeholder="您的真实姓名"/> |
|||
</GuipFormItem> |
|||
<GuipFormItem column="column" addClass="w388"> |
|||
<div slot="formLeft" class="form-top-icon"> |
|||
<img src="../assets/franchise1/storeNum.svg" alt=""> |
|||
<span>手机号码</span> |
|||
</div> |
|||
<PhoneCode slot="formDom"></PhoneCode> |
|||
</GuipFormItem> |
|||
<GuipFormItem column="column" addClass="w388"> |
|||
<div slot="formLeft" class="form-top-icon"> |
|||
<img src="../assets/franchise1/codeNumber.svg" alt=""> |
|||
<span>验证码</span> |
|||
</div> |
|||
<GuipInput slot="formDom" ref="GuipInput" placeholder="填写验证码"/> |
|||
</GuipFormItem> |
|||
</div> |
|||
</el-form> |
|||
<div class="ud__modal__footer"> |
|||
<div class="step-box__footer"> |
|||
<GuipButton :btnstyle="btnstyleObj" type="primary" @click="goAddFranchise">加盟并进入后台</GuipButton> |
|||
<p class="attention"> |
|||
<el-checkbox v-model="checked"></el-checkbox> |
|||
<b>代理商需要阅读并同意<a href="">《哈哈哈哈》</a></b> |
|||
</p> |
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
|
|||
</div> |
|||
</div> |
|||
<Footer></Footer> |
|||
</div> |
|||
|
|||
</div> |
|||
</template> |
|||
<script> |
|||
import PhoneCode from '@/components/PhoneCode.vue'; |
|||
import GuipButton from '@/components/GuipButton.vue'; |
|||
import GuipInput from '@/components/GuipInput.vue'; |
|||
import GuipFormItem from '@/components/GuipFormItem.vue'; |
|||
import Footer from '@/components/Footer.vue'; |
|||
|
|||
export default { |
|||
data() { |
|||
return { |
|||
checked:true, |
|||
btnstyleObj: { |
|||
width: '388px', |
|||
height: '46px' |
|||
}, |
|||
form: { |
|||
username: '', |
|||
language: '', |
|||
}, |
|||
rules: { |
|||
username: [ |
|||
{ required: true, message: '请输入平台昵称', trigger: 'blur' } |
|||
], |
|||
card: [ |
|||
{ required: true, message: '请选择有效信息', trigger: 'blur' } |
|||
], |
|||
language: [ |
|||
{ required: true, message: '请选择语言', trigger: 'blur' }, |
|||
], |
|||
phone: [ |
|||
{ required: true, message: '请输入手机号', trigger: 'blur' } |
|||
], |
|||
age: [ |
|||
{ required: true, message: '请输入年龄', trigger: 'blur' } |
|||
] |
|||
}, |
|||
}; |
|||
}, |
|||
components: { |
|||
GuipButton, |
|||
GuipInput, |
|||
GuipFormItem, |
|||
PhoneCode, |
|||
Footer |
|||
}, |
|||
methods: { |
|||
goAddFranchise(){ |
|||
// 加盟按钮 |
|||
} |
|||
} |
|||
} |
|||
</script> |
|||
<style lang="scss" scoped> |
|||
@import '../style/franchise.scss'; |
|||
|
|||
.right-form { |
|||
padding: 40px 40px 0; |
|||
} |
|||
.form-item1{ |
|||
margin-bottom: 24px; |
|||
} |
|||
.attention{ |
|||
margin-top: 20px; |
|||
b{ |
|||
font-weight: normal; |
|||
a{ |
|||
text-decoration: none; |
|||
color: #006AFF; |
|||
} |
|||
} |
|||
} |
|||
.web-req-right-top{ |
|||
flex: 1; |
|||
} |
|||
|
|||
</style> |
|||
@ -1,18 +1,18 @@ |
|||
<template> |
|||
<div class="home"> |
|||
<img alt="Vue logo" src="../assets/logo.png"> |
|||
<HelloWorld msg="Welcome to Your Vue.js App"/> |
|||
<!-- <img alt="Vue logo" src="../assets/logo.png"> --> |
|||
<!-- <HelloWorld msg="Welcome to Your Vue.js App"/> --> |
|||
</div> |
|||
</template> |
|||
|
|||
<script> |
|||
// @ is an alias to /src |
|||
import HelloWorld from '@/components/HelloWorld.vue' |
|||
// import HelloWorld from '@/components/HelloWorld.vue' |
|||
|
|||
export default { |
|||
name: 'HomeView', |
|||
components: { |
|||
HelloWorld |
|||
// HelloWorld |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
Loading…
Reference in new issue