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> |
<template> |
||||
<div class="home"> |
<div class="home"> |
||||
<img alt="Vue logo" src="../assets/logo.png"> |
<!-- <img alt="Vue logo" src="../assets/logo.png"> --> |
||||
<HelloWorld msg="Welcome to Your Vue.js App"/> |
<!-- <HelloWorld msg="Welcome to Your Vue.js App"/> --> |
||||
</div> |
</div> |
||||
</template> |
</template> |
||||
|
|
||||
<script> |
<script> |
||||
// @ is an alias to /src |
// @ is an alias to /src |
||||
import HelloWorld from '@/components/HelloWorld.vue' |
// import HelloWorld from '@/components/HelloWorld.vue' |
||||
|
|
||||
export default { |
export default { |
||||
name: 'HomeView', |
name: 'HomeView', |
||||
components: { |
components: { |
||||
HelloWorld |
// HelloWorld |
||||
} |
} |
||||
} |
} |
||||
</script> |
</script> |
||||
|
|||||
Loading…
Reference in new issue