parent
223e7b2ee9
commit
48a71aee49
@ -0,0 +1,81 @@ |
||||
<template> |
||||
<view class="qingshaonian"> |
||||
<view class="bd"> |
||||
|
||||
</view> |
||||
<view class="fd"> |
||||
<view class="btn">申请合作</view> |
||||
</view> |
||||
<u-popup v-model="show" mode="center" border-radius="20" :mask-close-able="true"> |
||||
<view class="hezuo"> |
||||
<view class="title">合作信息<image src="@/static/cha.png"></image></view> |
||||
</view> |
||||
</u-popup> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
show: true |
||||
} |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
page{ |
||||
background-color: #fff; |
||||
} |
||||
.qingshaonian{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
.hezuo{ |
||||
width: 670rpx; |
||||
height: 901rpx; |
||||
background: #FFFFFF; |
||||
border-radius: 20rpx; |
||||
.title{ |
||||
text-align: center; |
||||
padding: 30rpx; |
||||
font-weight: 500; |
||||
font-size: 36rpx; |
||||
color: #222222; |
||||
border-bottom: 1px solid #EAEAEA; |
||||
image{ |
||||
width: 50rpx; |
||||
height: 50rpx; |
||||
float: right; |
||||
} |
||||
} |
||||
} |
||||
.fd{ |
||||
width: 100%; |
||||
position: fixed; |
||||
left: 0; |
||||
bottom: 0; |
||||
padding: 25rpx; |
||||
overflow: hidden; |
||||
z-index: 22; |
||||
box-sizing: border-box; |
||||
.btn{ |
||||
width: 100%; |
||||
line-height: 98rpx; |
||||
background: linear-gradient(0deg, #000000, #3D3B38); |
||||
box-shadow: 0px 4rpx 18rpx 0px rgba(42,41,39,0.34); |
||||
border-radius: 98rpx; |
||||
font-weight: 400; |
||||
font-size: 30rpx; |
||||
color: #FFFFFF; |
||||
text-align: center; |
||||
} |
||||
} |
||||
.bd{ |
||||
|
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,76 @@ |
||||
<template> |
||||
<view class="qingshaonian"> |
||||
<view class="title">设置搭讪语后，无需选择，直接发送</view> |
||||
<view class="bd"> |
||||
<view class="item" v-for="i in 10" :key="i" @click="tabItem(i)"> |
||||
<view class="txt">哈喽！很高兴认识你，一起嗨皮吧~</view> |
||||
<view class="btn" :class="tabIndex == i?'btn-on':''">{{tabIndex == i?'默认':'设为默认'}}</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
tabIndex: 1, |
||||
} |
||||
}, |
||||
methods: { |
||||
tabItem(i){ |
||||
this.tabIndex = i; |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.qingshaonian{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
|
||||
.title{ |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
margin-top: 30rpx; |
||||
} |
||||
.bd{ |
||||
|
||||
.item{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
font-weight: 500; |
||||
font-size: 26rpx; |
||||
color: #222222; |
||||
border-radius: 20rpx; |
||||
padding: 30rpx 20rpx; |
||||
background: #FFFFFF; |
||||
margin-top: 20rpx; |
||||
.txt{ |
||||
max-width: 500rpx; |
||||
text-overflow: ellipsis; |
||||
overflow: hidden; |
||||
white-space: nowrap; |
||||
} |
||||
.btn{ |
||||
width: 130rpx; |
||||
line-height: 50rpx; |
||||
text-align: center; |
||||
border-radius: 50rpx; |
||||
font-weight: 500; |
||||
font-size: 26rpx; |
||||
&-on{ |
||||
font-size: 24rpx; |
||||
color: #FFFFFF; |
||||
background: linear-gradient(0deg, #000000, #3D3B38); |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,53 @@ |
||||
<template> |
||||
<view class="help"> |
||||
<view class="content"> |
||||
<view class="title">如何联系人工客服？</view> |
||||
<view class="jie">解答：</view> |
||||
<view class="desc">这里展示说明说明，这里展示说明说明这里展示说明说明这里展示说明说明这里展示说明说明这里展示说明说明这里展示说明说明这里展示说明？</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
}; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.help{ |
||||
padding: 0 25rpx 0; |
||||
overflow: hidden; |
||||
.content{ |
||||
width: 100%; |
||||
background: #FFFFFF; |
||||
border-radius: 20rpx; |
||||
padding: 0 20rpx 20rpx; |
||||
box-sizing: border-box; |
||||
margin-top: 20rpx; |
||||
.title{ |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
padding: 40rpx 0; |
||||
text-align: center; |
||||
} |
||||
.jie{ |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
} |
||||
.desc{ |
||||
margin-top: 20rpx; |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #666666; |
||||
line-height: 40rpx; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,19 @@ |
||||
<template> |
||||
<view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
}; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
|
||||
</style> |
||||
@ -0,0 +1,52 @@ |
||||
<template> |
||||
<view class="yinsi"> |
||||
<view class="content"> |
||||
<view class="item"> |
||||
<view class="a">新消息提示音</view> |
||||
<u-switch active-color="#000000" v-model="checked"></u-switch> |
||||
</view> |
||||
<view class="item"> |
||||
<view class="a">新消息震动</view> |
||||
<u-switch active-color="#000000" v-model="checked"></u-switch> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
checked: true |
||||
}; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.yinsi{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
.content{ |
||||
background: #FFFFFF; |
||||
border-radius: 20rpx; |
||||
margin-top: 20rpx; |
||||
padding: 0 20rpx; |
||||
.item{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
height: 100rpx; |
||||
border-top: 1px solid #EAEAEA; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
&:first-child{ |
||||
border-top-color: #FFFFFF; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,98 @@ |
||||
<template> |
||||
<view class="qingshaonian"> |
||||
<view class="title">设置接触青少年模式的密码</view> |
||||
<view class="bd"> |
||||
<view class="item"> |
||||
<image src="@/static/qingshaonian-lock.png"></image> |
||||
<input type="password" placeholder="输入密码" /> |
||||
</view> |
||||
<view class="item"> |
||||
<image src="@/static/qingshaonian-lock.png"></image> |
||||
<input type="password" placeholder="输入密码" /> |
||||
</view> |
||||
</view> |
||||
<view class="fd"> |
||||
<view class="btn">确定开启</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.qingshaonian{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
.fd{ |
||||
width: 100%; |
||||
position: fixed; |
||||
left: 0; |
||||
bottom: 0; |
||||
padding: 25rpx; |
||||
overflow: hidden; |
||||
z-index: 22; |
||||
box-sizing: border-box; |
||||
.btn{ |
||||
width: 100%; |
||||
line-height: 98rpx; |
||||
background: linear-gradient(0deg, #000000, #3D3B38); |
||||
box-shadow: 0px 4rpx 18rpx 0px rgba(42,41,39,0.34); |
||||
border-radius: 98rpx; |
||||
font-weight: 400; |
||||
font-size: 30rpx; |
||||
color: #FFFFFF; |
||||
text-align: center; |
||||
} |
||||
} |
||||
|
||||
.title{ |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
margin-top: 30rpx; |
||||
} |
||||
.bd{ |
||||
background: #FFFFFF; |
||||
border-radius: 20rpx; |
||||
margin-top: 30rpx; |
||||
padding: 0 20rpx; |
||||
.item{ |
||||
display: flex; |
||||
align-items: center; |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
border-top: 1px solid #EAEAEA; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
padding: 30rpx 0; |
||||
&:first-child{ |
||||
border-top-color: #FFFFFF; |
||||
} |
||||
input{ |
||||
font-weight: 400; |
||||
font-size: 30rpx; |
||||
color: #212121; |
||||
height: 60rpx; |
||||
line-height: 60rpx; |
||||
} |
||||
image{ |
||||
width: 27rpx; |
||||
height: 27rpx; |
||||
margin-right: 20rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,101 @@ |
||||
<template> |
||||
<view class="qingshaonian"> |
||||
<view class="bd"> |
||||
<image src="@/static/qingshaonian-san.png"></image> |
||||
<!-- <view class="title">青少年模式已开启</view> --> |
||||
<view class="title">青少年模式未开启</view> |
||||
<!-- <view class="desc">关闭后，所有行为将不受限制</view> --> |
||||
<view class="desc">开启时，以下行为会收到限制：</view> |
||||
<view class="item"> |
||||
<image src="@/static/qingshaonian-yuan.png"></image>无法进行充值 |
||||
</view> |
||||
<view class="item"> |
||||
<image src="@/static/qingshaonian-yuan.png"></image>部分功能无法使用 |
||||
</view> |
||||
</view> |
||||
<view class="fd"> |
||||
<!-- <view class="btn">关闭</view> --> |
||||
<view class="btn">开启青少年模式</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
} |
||||
}, |
||||
methods: { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
page{ |
||||
background-color: #fff; |
||||
} |
||||
.qingshaonian{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
.fd{ |
||||
width: 100%; |
||||
position: fixed; |
||||
left: 0; |
||||
bottom: 0; |
||||
padding: 25rpx; |
||||
overflow: hidden; |
||||
z-index: 22; |
||||
box-sizing: border-box; |
||||
.btn{ |
||||
width: 100%; |
||||
line-height: 98rpx; |
||||
background: linear-gradient(0deg, #000000, #3D3B38); |
||||
box-shadow: 0px 4rpx 18rpx 0px rgba(42,41,39,0.34); |
||||
border-radius: 98rpx; |
||||
font-weight: 400; |
||||
font-size: 30rpx; |
||||
color: #FFFFFF; |
||||
text-align: center; |
||||
} |
||||
} |
||||
.bd{ |
||||
text-align: center; |
||||
margin-top: 130rpx; |
||||
image{ |
||||
width: 170rpx; |
||||
height: 170rpx; |
||||
} |
||||
.title{ |
||||
font-weight: 500; |
||||
font-size: 36rpx; |
||||
color: #222222; |
||||
margin-top: 43rpx; |
||||
} |
||||
.desc{ |
||||
margin-top: 100rpx; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
margin-bottom: 20rpx; |
||||
} |
||||
.item{ |
||||
display: flex; |
||||
align-items: center; |
||||
width: 300rpx; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #666666; |
||||
margin: 0 auto; |
||||
margin-top: 20rpx; |
||||
image{ |
||||
width: 27rpx; |
||||
height: 27rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,123 @@ |
||||
<template> |
||||
<view class="dashan"> |
||||
<view class="hd"> |
||||
<view class="a"><text>10</text>人</view> |
||||
<view class="a">我的团队人数</view> |
||||
</view> |
||||
<view class="list"> |
||||
<view class="item" v-for="i in 5" :key="i"> |
||||
<view class="pic"> |
||||
<!-- 只有会员才可以看到 --> |
||||
<image src="@/static/avatar.png"></image> |
||||
</view> |
||||
<view class="content"> |
||||
<view class="info"> |
||||
<view class="name">李同学</view> |
||||
<view class="desc">ID：1568935688</view> |
||||
</view> |
||||
<view class="btns">2023-09-23</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
}; |
||||
}, |
||||
methods: { |
||||
openSheet() { |
||||
uni.showActionSheet({ |
||||
itemList: ["删除会话"], |
||||
success: function (res) { |
||||
console.log('选中了第' + (res.tapIndex + 1) + '个按钮'); |
||||
}, |
||||
}) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
page{ |
||||
background-color: #fff; |
||||
} |
||||
.dashan{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
.hd{ |
||||
width: 702rpx; |
||||
height: 190rpx; |
||||
background: linear-gradient(90deg, #17150E, #373632); |
||||
border-radius: 20rpx; |
||||
margin-bottom: 20rpx; |
||||
padding-top: 30rpx; |
||||
box-sizing: border-box; |
||||
.a{ |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #E7D4B8; |
||||
text-align: center; |
||||
padding-top: 10rpx; |
||||
text{ |
||||
font-weight: bold; |
||||
font-size: 48rpx; |
||||
} |
||||
} |
||||
} |
||||
.item{ |
||||
display: flex; |
||||
align-items: center; |
||||
.pic{ |
||||
width: 90rpx; |
||||
height: 90rpx; |
||||
margin-right: 20rpx; |
||||
position: relative; |
||||
image{ |
||||
width: 100%; |
||||
height: 100%; |
||||
border-radius: 50%; |
||||
} |
||||
} |
||||
.content{ |
||||
padding: 30rpx 0; |
||||
flex: 1; |
||||
border-bottom: 1px solid #EAEAEA; |
||||
display: flex; |
||||
align-items: end; |
||||
justify-content: space-between; |
||||
.info{ |
||||
.name{ |
||||
font-weight: 400; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
image{ |
||||
width: 95rpx; |
||||
height: 30rpx; |
||||
display: block; |
||||
} |
||||
} |
||||
.desc{ |
||||
font-weight: 400; |
||||
font-size: 24rpx; |
||||
color: #AAAAAA; |
||||
margin-top: 15rpx; |
||||
max-width: 400rpx; |
||||
text-overflow: ellipsis; |
||||
white-space: nowrap; |
||||
overflow: hidden; |
||||
} |
||||
} |
||||
.btns{ |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #AAAAAA; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,19 @@ |
||||
<template> |
||||
<view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
|
||||
}; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
|
||||
</style> |
||||
@ -0,0 +1,45 @@ |
||||
<template> |
||||
<view class="yinsi"> |
||||
<view class="content"> |
||||
<view class="item"> |
||||
<view class="a">隐藏我的城市</view> |
||||
<u-switch active-color="#000000" v-model="checked"></u-switch> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
checked: true |
||||
}; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.yinsi{ |
||||
padding: 0 25rpx; |
||||
overflow: hidden; |
||||
.content{ |
||||
background: #FFFFFF; |
||||
border-radius: 20rpx; |
||||
margin-top: 20rpx; |
||||
.item{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
padding: 0 20rpx; |
||||
box-sizing: border-box; |
||||
width: 100%; |
||||
height: 100rpx; |
||||
box-sizing: border-box; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
@ -0,0 +1,105 @@ |
||||
<template> |
||||
<view class="zhuxiao"> |
||||
<view class="title">注销后，你账号将：</view> |
||||
<view class="content"> |
||||
<text> |
||||
1、账号相关信息将被移除，你的好友无法再与你取得联系(包括好友、关注、粉丝等);\n2、账户剩余金币、积分、魅力值、财富值、VIP等收益相关数据在注销成功后将清空，如产生利益损失，由账号注销发起者承担;\n3、绑定手机好或第三方账号将会解绑，解绑后可再次注册账号;\n4、你的实名信息会解绑，解绑后可以再次绑定其他账号;\n5、账号将会被系统收回，并对平台其他用户开放申请;\n提示:一旦注销将无法撤销，账号将自动清除，15天后方可从新注册，请慎重!!! |
||||
</text> |
||||
</view> |
||||
<view class="fd"> |
||||
<view class="xieyi" @click="toToggle()"> |
||||
<image v-if="isCheck" src="@/static/icon-select.png"></image> |
||||
<image v-else src="@/static/icon-select-on.png"></image>我已认真阅读且同意注销账号需要注意的内容 |
||||
</view> |
||||
<view class="btns"> |
||||
<view class="cancle">取消</view> |
||||
<view class="sure">确定</view> |
||||
</view> |
||||
</view> |
||||
|
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
export default { |
||||
data() { |
||||
return { |
||||
isCheck: false |
||||
}; |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
page{ |
||||
background-color: #fff; |
||||
} |
||||
.zhuxiao{ |
||||
padding: 30rpx; |
||||
overflow: hidden; |
||||
.title{ |
||||
font-weight: 500; |
||||
font-size: 36rpx; |
||||
color: #222222; |
||||
line-height: 40rpx; |
||||
margin-top: 20rpx; |
||||
} |
||||
.content{ |
||||
font-weight: 500; |
||||
font-size: 26rpx; |
||||
color: #666666; |
||||
line-height: 40rpx; |
||||
text-align: left; |
||||
margin-top: 40rpx; |
||||
} |
||||
.fd{ |
||||
width: 100%; |
||||
font-weight: 500; |
||||
font-size: 24rpx; |
||||
color: #222222; |
||||
position: fixed; |
||||
left: 0; |
||||
bottom: 100rpx; |
||||
z-index: 22; |
||||
padding: 0 30rpx; |
||||
box-sizing: border-box; |
||||
.xieyi{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: flex-start; |
||||
image{ |
||||
width: 35rpx; |
||||
height: 35rpx; |
||||
margin-right: 10rpx; |
||||
} |
||||
} |
||||
.btns{ |
||||
display: flex; |
||||
align-items: center; |
||||
justify-content: space-between; |
||||
margin-top: 50rpx; |
||||
text-align: center; |
||||
.cancle{ |
||||
width: 300rpx; |
||||
height: 90rpx; |
||||
line-height: 90rpx; |
||||
background: #EDEDED; |
||||
border-radius: 90rpx; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #222222; |
||||
} |
||||
.sure{ |
||||
width: 300rpx; |
||||
height: 90rpx; |
||||
line-height: 90rpx; |
||||
background: linear-gradient(0deg, #000000, #3D3B38); |
||||
border-radius: 90rpx; |
||||
font-weight: 500; |
||||
font-size: 30rpx; |
||||
color: #fff; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
</style> |
||||
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
After Width: | Height: | Size: 8.2 KiB |
|
After Width: | Height: | Size: 571 B |
|
After Width: | Height: | Size: 579 B |
|
After Width: | Height: | Size: 565 B |
|
Before Width: | Height: | Size: 2.6 KiB After Width: | Height: | Size: 836 B |
|
After Width: | Height: | Size: 808 B |
|
After Width: | Height: | Size: 26 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
Loading…
Reference in new issue