19 changed files with 1792 additions and 367 deletions
@ -0,0 +1,25 @@
|
||||
.body-background{ |
||||
background:{ |
||||
color:#F5F5F6; |
||||
} |
||||
} |
||||
.title-container{ |
||||
align-items: center; |
||||
justify-content: flex-start; |
||||
.title-group{ |
||||
margin-bottom:10rpx; |
||||
.title{ |
||||
margin-right:30rpx; |
||||
} |
||||
} |
||||
.address{ |
||||
margin-bottom:10rpx; |
||||
} |
||||
|
||||
} |
||||
.label-container{ |
||||
align-items: center; |
||||
.checkbox{ |
||||
|
||||
} |
||||
} |
||||
@ -0,0 +1,175 @@
|
||||
<template> |
||||
<view class="body-background"></view> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
:safe-area-inset-top="true" |
||||
:placeholder="true" |
||||
bgColor="#fff" |
||||
></u-navbar> |
||||
<u-row> |
||||
<u-col> |
||||
<uni-swipe-action> |
||||
<u-list> |
||||
<uni-swipe-action-item :right-options="options"> |
||||
<u-list-item> |
||||
<u-cell isLink |
||||
label="rightIcon" |
||||
:right-icon-style="{fontSize:'32rpx'}"> |
||||
<template #title> |
||||
<view class="title-container"> |
||||
<view class="title-group row"> |
||||
<view class="title"> |
||||
<u-text :block="true" mode="name" text="张某某" format="encrypt" size="32" color="#020b18"></u-text> |
||||
</view> |
||||
<view class="phone"> |
||||
<u-text :block="true" mode="phone" text="15012345678" format="encrypt" size="32" color="#020b18"></u-text> |
||||
</view> |
||||
</view> |
||||
<view class="address"> |
||||
<u-text text="四川省成都市双流区 海昌路168号" size="32" color="#020b18"></u-text> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
<template #label> |
||||
<view class="label-container row"> |
||||
<view class="checkbox"> |
||||
<u-checkbox |
||||
:customStyle="{marginBottom: '8px'}" |
||||
:key="1" |
||||
:name="1" |
||||
size="35" |
||||
shape="circle" |
||||
iconSize="35" |
||||
></u-checkbox> |
||||
</view> |
||||
<view class="title"> |
||||
<u-text text="设为默认地址" size="28" color="#020b18"></u-text> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
</u-cell> |
||||
</u-list-item> |
||||
</uni-swipe-action-item> |
||||
</u-list> |
||||
</uni-swipe-action> |
||||
</u-col> |
||||
</u-row> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
imghost |
||||
} from '@/config/host.js' |
||||
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
||||
import api from '@/utils/functions.js'; |
||||
|
||||
export default { |
||||
components: { |
||||
MzSubsection |
||||
}, |
||||
data() { |
||||
return { |
||||
options: [ |
||||
{ |
||||
text: '删除', |
||||
style: { |
||||
backgroundColor: '#FC4956' |
||||
} |
||||
} |
||||
], |
||||
title: '我的地址', |
||||
loading: true, |
||||
staticImage: { |
||||
bg: imghost + '/static/image/BG.png', |
||||
newIcon: imghost + '/static/image/new-icon.png', |
||||
}, |
||||
isTop: false, |
||||
lists: [ |
||||
{ |
||||
id: 1, |
||||
thumb: imghost + '/static/image/new-1.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true |
||||
}, { |
||||
id: 2, |
||||
thumb: imghost + '/static/image/new-2.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true |
||||
}, { |
||||
id: 3, |
||||
thumb: imghost + '/static/image/new-3.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”111开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: false |
||||
}, |
||||
], |
||||
size: { |
||||
height: 500, |
||||
} |
||||
} |
||||
}, |
||||
onLoad() { |
||||
|
||||
}, |
||||
computed: { |
||||
api() { |
||||
return api |
||||
}, |
||||
sectionStyle() { |
||||
const style = {}; |
||||
style.padding = '0 26rpx'; |
||||
style.position = 'sticky'; |
||||
style.zIndex = '9999'; |
||||
style.top = api.navHeight().systemBarHeight + 'px' |
||||
return style; |
||||
}, |
||||
listHeight() { |
||||
let that = this; |
||||
let height; |
||||
let info = uni.createSelectorQuery().in(this).select('.subsection'); |
||||
info.boundingClientRect(function (data) { |
||||
that.size.height = data.height; |
||||
}).exec(function (res) { |
||||
|
||||
}); |
||||
// that.size.height = (api.navHeight().windowHeight - height); |
||||
} |
||||
}, |
||||
methods: { |
||||
chatDetail(item) { |
||||
wx.navigateTo({ |
||||
url: '/pages/ChatDetail/index?id=' + item.id |
||||
}); |
||||
}, |
||||
checkSection(index) { |
||||
this.current = index; |
||||
}, |
||||
scrollToLower() { |
||||
|
||||
}, |
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
this.listHeight(); |
||||
// this.pagePadding = (api.navHeight().navPaddingTop + |
||||
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import './components/index.scss'; |
||||
</style> |
||||
@ -0,0 +1,57 @@
|
||||
.app-wallpaper{ |
||||
padding:16rpx 26rpx; |
||||
} |
||||
.top-container{ |
||||
padding:50rpx 26rpx 66rpx; |
||||
.top-price{ |
||||
font-size: 72rpx; |
||||
font-family: ShiShangZhongHeiJianTi-Regular, ShiShangZhongHeiJianTi; |
||||
font-weight: 400; |
||||
color: #020B18; |
||||
line-height: 50rpx; |
||||
margin-bottom:26rpx; |
||||
} |
||||
.top-desc{ |
||||
font-size: 32rpx; |
||||
font-family: PingFang SC-Medium, PingFang SC; |
||||
font-weight: 400; |
||||
color: #3D3D3D; |
||||
line-height: 50rpx; |
||||
} |
||||
} |
||||
.body-background{ |
||||
background: { |
||||
color:#F5F5F6; |
||||
}; |
||||
height:100vh; |
||||
} |
||||
::v-deep .u-tabs__wrapper__nav__line{ |
||||
left:24rpx; |
||||
} |
||||
.cell-value-add{ |
||||
font-size: 32rpx; |
||||
font-weight: 400; |
||||
color: #FF9545; |
||||
} |
||||
.cell-value-dec{ |
||||
font-size: 32rpx; |
||||
font-weight: 400; |
||||
color: #0EAF4E; |
||||
} |
||||
.cell-label{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #AFB5BE; |
||||
line-height:50rpx; |
||||
} |
||||
.foot-button{ |
||||
padding:40rpx 26rpx; |
||||
position: fixed; |
||||
bottom:0; |
||||
left:0; |
||||
z-index: 9999; |
||||
width: 100%; |
||||
background: { |
||||
color:#FFFFFF; |
||||
}; |
||||
} |
||||
@ -0,0 +1,55 @@
|
||||
.app-wallpaper{ |
||||
padding:54rpx 66rpx; |
||||
} |
||||
.top-container{ |
||||
padding:50rpx 26rpx 66rpx; |
||||
.top-price{ |
||||
font-size: 72rpx; |
||||
font-family: ShiShangZhongHeiJianTi-Regular, ShiShangZhongHeiJianTi; |
||||
font-weight: 400; |
||||
color: #020B18; |
||||
line-height: 50rpx; |
||||
margin-bottom:26rpx; |
||||
} |
||||
.top-desc{ |
||||
font-size: 32rpx; |
||||
font-family: PingFang SC-Medium, PingFang SC; |
||||
font-weight: 400; |
||||
color: #3D3D3D; |
||||
line-height: 50rpx; |
||||
} |
||||
} |
||||
.body-background{ |
||||
position: relative; |
||||
} |
||||
::v-deep .u-tabs__wrapper__nav__line{ |
||||
left:24rpx; |
||||
} |
||||
.cell-value-add{ |
||||
font-size: 32rpx; |
||||
font-weight: 400; |
||||
color: #FF9545; |
||||
} |
||||
.cell-value-dec{ |
||||
font-size: 32rpx; |
||||
font-weight: 400; |
||||
color: #0EAF4E; |
||||
} |
||||
.cell-label{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #AFB5BE; |
||||
line-height:50rpx; |
||||
} |
||||
|
||||
.foot-button{ |
||||
padding:40rpx 26rpx; |
||||
position: fixed; |
||||
bottom:0; |
||||
left:0; |
||||
z-index: 9999; |
||||
width: 100%; |
||||
background: { |
||||
color:#FFFFFF; |
||||
}; |
||||
} |
||||
@ -0,0 +1,231 @@
|
||||
<template> |
||||
<view class="body-background"> |
||||
<u-image |
||||
:show-loading="true" |
||||
:src="staticImage.bg" |
||||
width="100%" |
||||
height="420" |
||||
radius="10" |
||||
mode="widthFix" |
||||
class="img" |
||||
></u-image> |
||||
</view> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
:safe-area-inset-top="true" |
||||
:placeholder="true" |
||||
bgColor="transparent" |
||||
></u-navbar> |
||||
<view class="top-container"> |
||||
<view class="top-price"> |
||||
8,256,256 |
||||
</view> |
||||
<view class="top-desc"> |
||||
暖新币余额 |
||||
</view> |
||||
</view> |
||||
<view class="app-wallpaper"> |
||||
<u-tabs |
||||
:list="list" |
||||
u-sticky |
||||
lineWidth="64" |
||||
lineHeight="8" |
||||
:inactiveStyle="{color:'#AFB5BE'}" |
||||
:activeStyle="{color:'#F47210'}" |
||||
lineColor="#F47210" |
||||
></u-tabs> |
||||
</view> |
||||
<u-list |
||||
:height="(api.navHeight().windowHeight-size.height-60)+'px'" |
||||
:custom-style="{padding:'0 26rpx',boxSizing:'border-box'}" |
||||
> |
||||
<u-list-item |
||||
v-for="(item, index) in lists" |
||||
:key="index" |
||||
> |
||||
<u-cell |
||||
title="提交线索-环境污染" |
||||
label="2023-08-26" |
||||
:icon="staticImage.bg" |
||||
:icon-style="{width:'64rpx',height:'64rpx',marginRight:'22rpx'}" |
||||
:border="false" |
||||
:custom-style="{backgroundColor:'#ffffff',borderRadius:'20rpx',marginBottom:'16rpx'}" |
||||
:title-style="{fontSize: '28rpx',fontWeight: '400',color: '#020B18',marginBottom:'20rpx'}" |
||||
> |
||||
<template #value> |
||||
<view class="cell-value-add" v-if="item.type === 1"> |
||||
+50币 |
||||
</view> |
||||
<view class="cell-value-dec" v-else> |
||||
-50币 |
||||
</view> |
||||
</template> |
||||
<template #label> |
||||
<view class="cell-label"> |
||||
2023-08-26 |
||||
</view> |
||||
</template> |
||||
</u-cell> |
||||
</u-list-item> |
||||
</u-list> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
imghost |
||||
} from '@/config/host.js' |
||||
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
||||
import api from '@/utils/functions.js'; |
||||
|
||||
export default { |
||||
components: { |
||||
MzSubsection |
||||
}, |
||||
data() { |
||||
return { |
||||
model1: { |
||||
userInfo: { |
||||
name: '', |
||||
sex: 1, |
||||
}, |
||||
}, |
||||
rules: { |
||||
'userInfo.name': { |
||||
type: 'string', |
||||
required: true, |
||||
message: '请填写姓名', |
||||
trigger: ['blur', 'change'] |
||||
}, |
||||
'userInfo.sex': { |
||||
type: 'string', |
||||
max: 1, |
||||
required: true, |
||||
message: '请选择男或女', |
||||
trigger: ['blur', 'change'] |
||||
}, |
||||
}, |
||||
sexList:[ |
||||
{ |
||||
id:1, |
||||
name: '男', |
||||
disabled: false, |
||||
}, |
||||
{ |
||||
i:2, |
||||
name: '女', |
||||
disabled: false, |
||||
}, |
||||
], |
||||
list: [{ |
||||
name: '暖新币获得' |
||||
}, { |
||||
name: '暖新币兑换' |
||||
},], |
||||
// 或者如下，也可以配置keyName参数修改对象键名 |
||||
// list: [{name: '未付款'}, {name: '待评价'}, {name: '已付款'}], |
||||
current: 1, |
||||
title: '暖新币明细', |
||||
loading: true, |
||||
staticImage: { |
||||
bg: imghost + '/static/image/cron-bg.png', |
||||
newIcon: imghost + '/static/image/new-icon.png', |
||||
}, |
||||
user: { |
||||
avatar: imghost + '/static/image/banner.png', |
||||
nickname: '清晨的风', |
||||
coupons: 221, |
||||
id: 88685, |
||||
}, |
||||
isTop: false, |
||||
lists: [ |
||||
{ |
||||
id: 1, |
||||
thumb: imghost + '/static/image/new-1.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true, |
||||
type:1 |
||||
}, { |
||||
id: 2, |
||||
thumb: imghost + '/static/image/new-2.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true, |
||||
type:1 |
||||
}, { |
||||
id: 3, |
||||
thumb: imghost + '/static/image/new-3.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”111开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: false, |
||||
type:2 |
||||
}, |
||||
], |
||||
size: { |
||||
height: 0, |
||||
} |
||||
} |
||||
}, |
||||
onLoad() { |
||||
|
||||
}, |
||||
computed: { |
||||
api() { |
||||
return api |
||||
}, |
||||
sectionStyle() { |
||||
const style = {}; |
||||
style.padding = '0 26rpx'; |
||||
style.position = 'sticky'; |
||||
style.zIndex = '9999'; |
||||
style.top = api.navHeight().systemBarHeight + 'px' |
||||
return style; |
||||
}, |
||||
}, |
||||
methods: { |
||||
listHeight() { |
||||
let that = this; |
||||
let info = uni.createSelectorQuery().in(this).select('.top-container'); |
||||
info.boundingClientRect(function (data) { |
||||
that.size.height += data.height; |
||||
console.log('top-container',data) |
||||
}).exec(function(res){}); |
||||
}, |
||||
chatDetail(item) { |
||||
wx.navigateTo({ |
||||
url: '/pages/ChatDetail/index?id=' + item.id |
||||
}); |
||||
}, |
||||
checkSection(index) { |
||||
this.current = edit; |
||||
}, |
||||
scrollToLower() { |
||||
|
||||
}, |
||||
}, |
||||
options:{ |
||||
styleIsolation:'shared' |
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
this.listHeight(); |
||||
// this.pagePadding = (api.navHeight().navPaddingTop + |
||||
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import './components/detail.scss'; |
||||
</style> |
||||
@ -0,0 +1,188 @@
|
||||
<template> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
bgColor="transparent" |
||||
></u-navbar> |
||||
<view class="body-background"> |
||||
<u-image |
||||
:show-loading="true" |
||||
:src="staticImage.ruleBg" |
||||
width="100%" |
||||
height="420" |
||||
radius="10" |
||||
mode="widthFix" |
||||
class="img" |
||||
></u-image> |
||||
</view> |
||||
<view class="app-wallpaper"> |
||||
<view class="content"> |
||||
<u-parse :content="content" lazyLoad :tag-style="{img:'text-align:center'}"></u-parse> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
imghost |
||||
} from '@/config/host.js' |
||||
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
||||
import api from '@/utils/functions.js'; |
||||
|
||||
export default { |
||||
components: { |
||||
MzSubsection |
||||
}, |
||||
data() { |
||||
return { |
||||
model1: { |
||||
userInfo: { |
||||
name: '', |
||||
sex: 1, |
||||
}, |
||||
}, |
||||
rules: { |
||||
'userInfo.name': { |
||||
type: 'string', |
||||
required: true, |
||||
message: '请填写姓名', |
||||
trigger: ['blur', 'change'] |
||||
}, |
||||
'userInfo.sex': { |
||||
type: 'string', |
||||
max: 1, |
||||
required: true, |
||||
message: '请选择男或女', |
||||
trigger: ['blur', 'change'] |
||||
}, |
||||
}, |
||||
sexList:[ |
||||
{ |
||||
id:1, |
||||
name: '男', |
||||
disabled: false, |
||||
}, |
||||
{ |
||||
i:2, |
||||
name: '女', |
||||
disabled: false, |
||||
}, |
||||
], |
||||
list: [{ |
||||
name: '暖新币获得' |
||||
}, { |
||||
name: '暖新币兑换' |
||||
},], |
||||
// 或者如下，也可以配置keyName参数修改对象键名 |
||||
// list: [{name: '未付款'}, {name: '待评价'}, {name: '已付款'}], |
||||
current: 1, |
||||
title: '暖新币兑换制度', |
||||
loading: true, |
||||
staticImage: { |
||||
ruleBg: imghost + '/static/image/cron-rule-bg.png', |
||||
newIcon: imghost + '/static/image/new-icon.png', |
||||
}, |
||||
user: { |
||||
avatar: imghost + '/static/image/banner.png', |
||||
nickname: '清晨的风', |
||||
coupons: 221, |
||||
id: 88685, |
||||
}, |
||||
isTop: false, |
||||
lists: [ |
||||
{ |
||||
id: 1, |
||||
thumb: imghost + '/static/image/new-1.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true, |
||||
type:1 |
||||
}, { |
||||
id: 2, |
||||
thumb: imghost + '/static/image/new-2.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true, |
||||
type:1 |
||||
}, { |
||||
id: 3, |
||||
thumb: imghost + '/static/image/new-3.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”111开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: false, |
||||
type:2 |
||||
}, |
||||
], |
||||
size: { |
||||
height: 0, |
||||
}, |
||||
content:'' + |
||||
'<ul>' + |
||||
'<li style="font-size:16px;color:#666666;line-height:1.5;">知理，就是懂得做人的道理，具备独立思考的能力。 </li>' + |
||||
'<li style="font-size:16px;color:#666666;line-height:1.5;">知理的人，从书本中学习做人的道理，在实践中理解事物的发展规律。在学习知识、探寻真理的过程中，他们形成了自己的世界观和人生观，能够独立思考，不会人云亦云。</li>' + |
||||
'</ul>' + |
||||
'<div style="text-align: center;margin:30px auto;"><img src="http://live.admin.jinghkb.com/warm-man/static/image/cron-rule.png" alt=""></div>' |
||||
} |
||||
}, |
||||
onLoad() { |
||||
|
||||
}, |
||||
computed: { |
||||
api() { |
||||
return api |
||||
}, |
||||
sectionStyle() { |
||||
const style = {}; |
||||
style.padding = '0 26rpx'; |
||||
style.position = 'sticky'; |
||||
style.zIndex = '9999'; |
||||
style.top = api.navHeight().systemBarHeight + 'px' |
||||
return style; |
||||
}, |
||||
}, |
||||
methods: { |
||||
listHeight() { |
||||
let that = this; |
||||
let info = uni.createSelectorQuery().in(this).select('.top-container'); |
||||
info.boundingClientRect(function (data) { |
||||
that.size.height += data.height; |
||||
console.log('top-container',data) |
||||
}).exec(function(res){}); |
||||
}, |
||||
chatDetail(item) { |
||||
wx.navigateTo({ |
||||
url: '/pages/ChatDetail/index?id=' + item.id |
||||
}); |
||||
}, |
||||
checkSection(index) { |
||||
this.current = edit; |
||||
}, |
||||
scrollToLower() { |
||||
|
||||
}, |
||||
}, |
||||
options:{ |
||||
styleIsolation:'shared' |
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
this.listHeight(); |
||||
// this.pagePadding = (api.navHeight().navPaddingTop + |
||||
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import './components/rule.scss'; |
||||
</style> |
||||
@ -0,0 +1,39 @@
|
||||
.body-background{ |
||||
background: { |
||||
color:#F5F5F6; |
||||
}; |
||||
height:100vh; |
||||
} |
||||
::v-deep .u-icon__icon.uicon-plus{ |
||||
font-size:40rpx !important; |
||||
} |
||||
.bottom-btn{ |
||||
padding:50rpx; |
||||
position: absolute; |
||||
bottom:0; |
||||
left:0; |
||||
width:100%; |
||||
} |
||||
.footer-content{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #AFB5BE; |
||||
line-height: 50rpx; |
||||
padding:0 56rpx; |
||||
margin-top:100rpx; |
||||
text-align: center; |
||||
.footer-contact{ |
||||
padding:14rpx 0; |
||||
border-bottom:4rpx solid #EEEEEE; |
||||
} |
||||
.footer-wechat{ |
||||
justify-content: center; |
||||
margin:10rpx 0; |
||||
} |
||||
.footer-email{ |
||||
justify-content: center; |
||||
} |
||||
.foot-url{ |
||||
color:#576B95; |
||||
} |
||||
} |
||||
@ -0,0 +1,154 @@
|
||||
<template> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
:safe-area-inset-top="true" |
||||
:placeholder="true" |
||||
bgColor="#ffffff" |
||||
></u-navbar> |
||||
<view class="body-background"> |
||||
|
||||
</view> |
||||
<u-row :custom-style="{padding:'16rpx 26rpx'}"> |
||||
<u-col :span="12" :custom-style="{ |
||||
backgroundColor:'#FFFFFF', |
||||
borderRadius:'20rpx', |
||||
padding:'40rpx 32rpx', |
||||
minHeight:'1000rpx', |
||||
position:'relative' |
||||
}"> |
||||
<u-form |
||||
labelWidth="auto" |
||||
labelPosition="left" |
||||
:model="model1" |
||||
:rules="rules" |
||||
ref="form1" |
||||
> |
||||
<u-form-item |
||||
prop="userInfo.name" |
||||
ref="item1" |
||||
:custom-style="{padding:'0'}" |
||||
> |
||||
<u-textarea |
||||
border="none" |
||||
placeholder="请描述您遇到的问题" |
||||
height="220" |
||||
:custom-style="{ |
||||
backgroundColor:'#FAFAFA', |
||||
padding:'8rpx 20rpx' |
||||
}" |
||||
></u-textarea> |
||||
</u-form-item> |
||||
<u-form-item |
||||
label="联系方式" |
||||
prop="userInfo.sex" |
||||
borderBottom |
||||
ref="item1" |
||||
:custom-style="{padding:'34rpx 0'}" |
||||
> |
||||
<u-input |
||||
inputAlign="right" |
||||
disabledColor="#ffffff" |
||||
placeholder="请填写手机号，以便我们联系您" |
||||
border="none" |
||||
:custom-style="{paddingRight:'28rpx'}" |
||||
></u-input> |
||||
</u-form-item> |
||||
<u-form-item |
||||
prop="userInfo.sex" |
||||
ref="item1" |
||||
:custom-style="{padding:'34rpx 0'}" |
||||
> |
||||
<u-upload |
||||
width="160" |
||||
height="160" |
||||
:fileList="fileList1" |
||||
name="1" |
||||
multiple |
||||
:maxCount="10" |
||||
uploadIcon="plus" |
||||
|
||||
></u-upload> |
||||
</u-form-item> |
||||
</u-form> |
||||
<view class="bottom-btn border-box"> |
||||
<u-button |
||||
type="primary" |
||||
text="保存" |
||||
shape="circle" |
||||
:custom-style="{ |
||||
color:'#020B18', |
||||
backgroundColor:'#FF9545', |
||||
border:'none', |
||||
fontSize:'36', |
||||
fontWeight:'400', |
||||
marginTop:'48rpx' |
||||
}" |
||||
></u-button> |
||||
</view> |
||||
</u-col> |
||||
</u-row> |
||||
<view class="footer-content"> |
||||
<view class="footer-contact">联系我们</view> |
||||
<view class="footer-wechat row"> |
||||
<view class="foot-title">微信公众号：</view> |
||||
<view class="foot-url">暖新家公众平台</view> |
||||
</view> |
||||
<view class="footer-email row"> |
||||
<view class="foot-title">官方邮箱：</view> |
||||
<view class="foot-url">1256896@qq.com 复制</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
imghost |
||||
} from '@/config/host.js' |
||||
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
||||
import api from '@/utils/functions.js'; |
||||
|
||||
export default { |
||||
components: { |
||||
MzSubsection |
||||
}, |
||||
data() { |
||||
return { |
||||
title: '意见反馈', |
||||
loading: true, |
||||
staticImage: { |
||||
bg: imghost + '/static/image/BG.png', |
||||
newIcon: imghost + '/static/image/new-icon.png', |
||||
}, |
||||
isTop: false, |
||||
fileList1:[] |
||||
} |
||||
}, |
||||
onLoad() { |
||||
|
||||
}, |
||||
computed: { |
||||
api() { |
||||
return api |
||||
}, |
||||
}, |
||||
methods: { |
||||
|
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
|
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import './components/index.scss'; |
||||
</style> |
||||
@ -1,256 +1,145 @@
|
||||
.app-wallpaper{ |
||||
box-sizing: border-box; |
||||
padding:40rpx; |
||||
padding-bottom:200rpx; |
||||
.user-button-group-container{ |
||||
position: relative; |
||||
box-sizing: border-box; |
||||
width:100%; |
||||
margin-bottom:35rpx; |
||||
padding:{ |
||||
top:20rpx; |
||||
left:45rpx; |
||||
bottom:30rpx; |
||||
right:45rpx; |
||||
} |
||||
.user-button-group-background:nth-child(1){ |
||||
transform: rotate(-.5deg); |
||||
} |
||||
.user-button-group-background:nth-child(2){ |
||||
transform: rotate(.5deg); |
||||
} |
||||
.user-button-group-background:nth-child(3){ |
||||
transform: rotate(-.5deg); |
||||
} |
||||
.user-button-group-background:nth-child(4){ |
||||
transform: rotate(.5deg); |
||||
} |
||||
.user-button-group-background{ |
||||
position:absolute; |
||||
width:100%; |
||||
height:100%; |
||||
left:0; |
||||
top:0; |
||||
z-index: -1; |
||||
|
||||
.user-button-group-container-background-border{ |
||||
border:5rpx dotted #131313; |
||||
border-radius: 46rpx; |
||||
width:100%; |
||||
height:100%; |
||||
position: absolute; |
||||
z-index: -1; |
||||
top:5rpx; |
||||
left:5rpx; |
||||
padding:0; |
||||
} |
||||
.body-background{ |
||||
.img{ |
||||
width: 100%; |
||||
} |
||||
} |
||||
.user-container{ |
||||
.user-avatar{ |
||||
padding:0 20rpx; |
||||
} |
||||
.user-content{ |
||||
.user-nickname-group{ |
||||
align-items: center; |
||||
margin-bottom:20rpx; |
||||
.user-nickname{ |
||||
font-size: 36rpx; |
||||
font-weight: 400; |
||||
color: #020B18; |
||||
} |
||||
.user-button-group-container-background-color{ |
||||
border:5rpx solid #131313; |
||||
border-radius: 46rpx; |
||||
width:100%; |
||||
height:100%; |
||||
border: 3rpx solid #262626; |
||||
box-shadow: 2rpx 6rpx 40rpx 0rpx rgba(160,179,181,0.4); |
||||
border-radius: 46rpx; |
||||
background-color: #ffffff; |
||||
.user-edit{ |
||||
margin-left:auto; |
||||
padding:10rpx 18rpx; |
||||
background: rgba(255,255,255,0.3); |
||||
border-radius: 24rpx 24rpx 24rpx 24rpx; |
||||
font-size: 24rpx; |
||||
font-weight: 400; |
||||
color: #3D3D3D; |
||||
line-height: 1; |
||||
} |
||||
} |
||||
.user-title-img{ |
||||
.img{ |
||||
height:38rpx; |
||||
} |
||||
.shop-car-container{ |
||||
margin-left:auto; |
||||
position: relative; |
||||
top:5rpx; |
||||
.shop-car{ |
||||
height:41rpx; |
||||
} |
||||
.shop-car-number{ |
||||
border-radius:50%; |
||||
background:{ |
||||
color:#F96161; |
||||
} |
||||
padding:3rpx 7rpx; |
||||
color:#FFFFFF; |
||||
font-size:20rpx; |
||||
font-weight:500; |
||||
line-height:1; |
||||
text-align:center; |
||||
position:absolute; |
||||
bottom:33rpx; |
||||
left:30rpx; |
||||
} |
||||
.user-icon-group{ |
||||
align-items: center; |
||||
margin-bottom: 16rpx; |
||||
.user-icon-title{ |
||||
padding-left: 8rpx; |
||||
font-size: 32rpx; |
||||
font-weight: 400; |
||||
color: #020B18; |
||||
line-height: 1; |
||||
} |
||||
|
||||
} |
||||
.user-button-content{ |
||||
position: relative; |
||||
z-index: 2; |
||||
.user-button-group{ |
||||
justify-content: center; |
||||
margin-top:20rpx; |
||||
.user-button{ |
||||
text-align: center; |
||||
|
||||
.user-title{ |
||||
font-size:28rpx; |
||||
font-weight: 400; |
||||
color:#18181B; |
||||
} |
||||
.user-desc{ |
||||
font-size:24rpx; |
||||
font-weight: 400; |
||||
color:#9f9f9f; |
||||
.user-id{ |
||||
align-items: center; |
||||
.user-id-content{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #020B18; |
||||
line-height: 1; |
||||
margin-right: 26rpx; |
||||
} |
||||
.user-id-btn-container{ |
||||
.btn-group{ |
||||
position: relative; |
||||
align-items: center; |
||||
.btn{ |
||||
width: 20rpx; |
||||
height: 20rpx; |
||||
border:3rpx solid #AA4900; |
||||
border-radius: 5rpx; |
||||
&:nth-child(1){ |
||||
position: absolute; |
||||
left:5rpx; |
||||
bottom:5rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.user-information{ |
||||
.user-button{ |
||||
.img{ |
||||
width:60rpx; |
||||
height:60rpx; |
||||
} |
||||
} |
||||
.gun1{ |
||||
height:35rpx; |
||||
position:absolute; |
||||
top:-20rpx; |
||||
left:-65rpx; |
||||
} |
||||
} |
||||
.user-card{ |
||||
width:100%; |
||||
position: relative; |
||||
background:{ |
||||
size: 100% 100%; |
||||
repeat: no-repeat; |
||||
} |
||||
.user-baby-log,.user-big-service{ |
||||
.user-button{ |
||||
.img{ |
||||
width:90rpx; |
||||
height:90rpx; |
||||
.user-card-content-container{ |
||||
width:100%; |
||||
height:100%; |
||||
//position: absolute; |
||||
//top:0; |
||||
//left:0; |
||||
padding:26rpx; |
||||
padding-bottom:52rpx; |
||||
.card-container{ |
||||
padding:32rpx 40rpx; |
||||
.card-title{ |
||||
font-size: 32rpx; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
line-height: 28rpx; |
||||
margin-bottom:34rpx |
||||
} |
||||
} |
||||
.gun2{ |
||||
height:80rpx; |
||||
position:absolute; |
||||
top:-80rpx; |
||||
right:35%; |
||||
} |
||||
} |
||||
.user-big-service{ |
||||
.gun2{ |
||||
height:80rpx; |
||||
position:absolute; |
||||
top:-85rpx; |
||||
left:15rpx; |
||||
} |
||||
} |
||||
.user-more{ |
||||
.user-button{ |
||||
.img{ |
||||
width:48rpx; |
||||
height:48rpx; |
||||
.card-desc{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
line-height: 28rpx; |
||||
margin-bottom:12rpx |
||||
} |
||||
} |
||||
.gun2{ |
||||
height:80rpx; |
||||
position:absolute; |
||||
top:-70rpx; |
||||
right:50rpx; |
||||
} |
||||
} |
||||
.user-detail{ |
||||
|
||||
margin-bottom:40rpx; |
||||
padding-left:17rpx; |
||||
.user-detail-avatar-container{ |
||||
width:90rpx; |
||||
height:90rpx; |
||||
position:relative; |
||||
border: 2rpx solid #0F0F0F; |
||||
border-radius: 40rpx; |
||||
.img{ |
||||
width:90rpx; |
||||
height:90rpx; |
||||
border-radius: 40rpx; |
||||
.card-price{ |
||||
font-size: 72rpx; |
||||
font-family: ShiShangZhongHeiJianTi-Regular, ShiShangZhongHeiJianTi; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
line-height: 72rpx; |
||||
margin-bottom:18rpx |
||||
} |
||||
.user-detail-avatar-border{ |
||||
position:absolute; |
||||
left:-1rpx; |
||||
top:5rpx; |
||||
z-index: -1; |
||||
background:{ |
||||
color:#ffffff; |
||||
} |
||||
.card-ext{ |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #FFFFFF; |
||||
line-height: 28rpx; |
||||
margin-bottom:38rpx |
||||
} |
||||
.card-hr{ |
||||
width:100%; |
||||
height:100%; |
||||
border: 2rpx solid #0F0F0F; |
||||
border-radius: 40rpx; |
||||
box-shadow: 2rpx 6rpx 50rpx 0rpx rgba(42,59,58,0.2); |
||||
height:2rpx; |
||||
background-color:rgba(255,255,255,0.2); |
||||
} |
||||
} |
||||
.user-detail-img{ |
||||
width:83rpx; |
||||
} |
||||
.user-detail-info{ |
||||
margin:{ |
||||
left:33rpx; |
||||
top:-5rpx; |
||||
}; |
||||
flex:1; |
||||
.user-detail-title-container{ |
||||
.card-btn-group{ |
||||
padding-top:30rpx; |
||||
align-items: center; |
||||
.user-detail-title{ |
||||
margin-left:10rpx; |
||||
font-size: 30rpx; |
||||
font-weight: 500; |
||||
color: #0F0F0F; |
||||
line-height: 30rpx; |
||||
justify-content: space-around; |
||||
.card-hhr{ |
||||
width: 2rpx; |
||||
height: 40rpx; |
||||
background: #AA4900; |
||||
border-radius: 0rpx 0rpx 0rpx 0rpx; |
||||
opacity: 0.2; |
||||
} |
||||
.user-detail-coupons{ |
||||
margin-left:auto; |
||||
position: relative; |
||||
left:40rpx; |
||||
background:{ |
||||
position: 0 0; |
||||
repeat:no-repeat; |
||||
size:100% 100%; |
||||
} |
||||
width:147.8rpx; |
||||
height:66.1rpx; |
||||
font-size: 26rpx; |
||||
font-weight: bold; |
||||
color: #131313; |
||||
line-height:1; |
||||
padding:{ |
||||
top:16rpx; |
||||
left:100rpx; |
||||
}; |
||||
box-sizing:border-box; |
||||
text-align:center; |
||||
} |
||||
.user-detail-id{ |
||||
font-size: 30rpx; |
||||
font-weight: 500; |
||||
color: #18181B; |
||||
.card-btn{ |
||||
text-align: center; |
||||
font-size: 28rpx; |
||||
font-weight: 400; |
||||
color: #AA4900; |
||||
line-height: 28rpx; |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
.user-background,.user-shadow{ |
||||
width:100%; |
||||
height:100%; |
||||
position:fixed; |
||||
top:0; |
||||
left:0; |
||||
z-index:-1; |
||||
background: { |
||||
size:100% auto; |
||||
repeat:no-repeat; |
||||
position:0 0; |
||||
}; |
||||
} |
||||
.user-shadow{ |
||||
background: { |
||||
size:110% auto; |
||||
position:-20rpx -20rpx; |
||||
}; |
||||
} |
||||
@ -0,0 +1,23 @@
|
||||
.app-wallpaper{ |
||||
padding:54rpx 66rpx; |
||||
align-items: center; |
||||
height: 100vh; |
||||
.qrcode-container{ |
||||
position: relative; |
||||
} |
||||
.qrcode-content{ |
||||
position: absolute; |
||||
top:0; |
||||
left:0; |
||||
width:100%; |
||||
height:100%; |
||||
align-items: center; |
||||
justify-content: center; |
||||
} |
||||
} |
||||
.body-background{ |
||||
background:{ |
||||
color:#F5F5F6; |
||||
} |
||||
} |
||||
|
||||
@ -0,0 +1,174 @@
|
||||
<template> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
bgColor="transparent" |
||||
leftIconColor="#fff" |
||||
:titleStyle="{color:'#fff'}" |
||||
></u-navbar> |
||||
<view class="body-background"> |
||||
<u-image |
||||
:show-loading="true" |
||||
:src="staticImage.background" |
||||
width="100%" |
||||
height="420" |
||||
radius="10" |
||||
mode="widthFix" |
||||
class="img" |
||||
></u-image> |
||||
</view> |
||||
<view class="app-wallpaper border-box row"> |
||||
<view class="qrcode-container col"> |
||||
<u-image |
||||
:show-loading="true" |
||||
:src="staticImage.qrcodeBackground" |
||||
width="100%" |
||||
height="auto" |
||||
radius="10" |
||||
mode="widthFix" |
||||
class="img" |
||||
:custom-style="{margin:'auto auto'}" |
||||
></u-image> |
||||
<view class="qrcode-content row"> |
||||
<view class="qrcode-main"> |
||||
<u-image |
||||
:show-loading="true" |
||||
:src="staticImage.qrcode" |
||||
width="360" |
||||
height="360" |
||||
radius="10" |
||||
mode="widthFix" |
||||
class="img" |
||||
:custom-style="{flex:'0 0 100%'}" |
||||
></u-image> |
||||
<u-text text="请扫码签到" size="32" color="#020B18" align="center" :custom-style="{marginTop:'96rpx'}"></u-text> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
imghost |
||||
} from '@/config/host.js' |
||||
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
||||
import api from '@/utils/functions.js'; |
||||
|
||||
export default { |
||||
components: { |
||||
MzSubsection |
||||
}, |
||||
data() { |
||||
return { |
||||
title: '党员报到码', |
||||
loading: true, |
||||
staticImage: { |
||||
background: imghost + '/static/image/report-bg.png', |
||||
qrcodeBackground: imghost + '/static/image/report-qrcode-bg.png', |
||||
qrcode: imghost + '/static/image/report-qrcode.png', |
||||
}, |
||||
user: { |
||||
avatar: imghost + '/static/image/banner.png', |
||||
nickname: '清晨的风', |
||||
coupons: 221, |
||||
id: 88685, |
||||
}, |
||||
isTop: false, |
||||
lists: [ |
||||
{ |
||||
id: 1, |
||||
thumb: imghost + '/static/image/new-1.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true, |
||||
type:1 |
||||
}, { |
||||
id: 2, |
||||
thumb: imghost + '/static/image/new-2.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true, |
||||
type:1 |
||||
}, { |
||||
id: 3, |
||||
thumb: imghost + '/static/image/new-3.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”111开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: false, |
||||
type:2 |
||||
}, |
||||
], |
||||
size: { |
||||
height: 0, |
||||
}, |
||||
content:'' + |
||||
'<ul>' + |
||||
'<li style="font-size:16px;color:#666666;line-height:1.5;">知理，就是懂得做人的道理，具备独立思考的能力。 </li>' + |
||||
'<li style="font-size:16px;color:#666666;line-height:1.5;">知理的人，从书本中学习做人的道理，在实践中理解事物的发展规律。在学习知识、探寻真理的过程中，他们形成了自己的世界观和人生观，能够独立思考，不会人云亦云。</li>' + |
||||
'</ul>' + |
||||
'<div style="text-align: center;margin:30px auto;"><img src="http://live.admin.jinghkb.com/warm-man/static/image/cron-rule.png" alt=""></div>' |
||||
} |
||||
}, |
||||
onLoad() { |
||||
|
||||
}, |
||||
computed: { |
||||
api() { |
||||
return api |
||||
}, |
||||
sectionStyle() { |
||||
const style = {}; |
||||
style.padding = '0 26rpx'; |
||||
style.position = 'sticky'; |
||||
style.zIndex = '9999'; |
||||
style.top = api.navHeight().systemBarHeight + 'px' |
||||
return style; |
||||
}, |
||||
}, |
||||
methods: { |
||||
listHeight() { |
||||
let that = this; |
||||
let info = uni.createSelectorQuery().in(this).select('.top-container'); |
||||
info.boundingClientRect(function (data) { |
||||
that.size.height += data.height; |
||||
console.log('top-container',data) |
||||
}).exec(function(res){}); |
||||
}, |
||||
chatDetail(item) { |
||||
wx.navigateTo({ |
||||
url: '/pages/ChatDetail/index?id=' + item.id |
||||
}); |
||||
}, |
||||
checkSection(index) { |
||||
this.current = edit; |
||||
}, |
||||
scrollToLower() { |
||||
|
||||
}, |
||||
}, |
||||
options:{ |
||||
styleIsolation:'shared' |
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
this.listHeight(); |
||||
// this.pagePadding = (api.navHeight().navPaddingTop + |
||||
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import './components/qrcode.scss'; |
||||
</style> |
||||
@ -0,0 +1,21 @@
|
||||
.app-wallpaper{ |
||||
padding:16rpx 26rpx; |
||||
} |
||||
.body-background{ |
||||
background: { |
||||
color:#F5F5F6; |
||||
}; |
||||
height:100vh; |
||||
} |
||||
|
||||
.foot-button{ |
||||
padding:40rpx 26rpx; |
||||
position: fixed; |
||||
bottom:0; |
||||
left:0; |
||||
z-index: 9999; |
||||
width: 100%; |
||||
background: { |
||||
color:#FFFFFF; |
||||
}; |
||||
} |
||||
@ -0,0 +1,303 @@
|
||||
<template> |
||||
<view class="body-background"></view> |
||||
<u-navbar |
||||
:title="title" |
||||
:auto-back="true" |
||||
left-icon-size="40rpx" |
||||
:safe-area-inset-top="true" |
||||
:placeholder="true" |
||||
bgColor="#ffffff" |
||||
></u-navbar> |
||||
<view class="app-wallpaper"> |
||||
<u-row :custom-style="{ |
||||
backgroundColor:'#fff', |
||||
borderRadius:'10rpx', |
||||
minHeight:(api.navHeight().windowHeight-80)+'px', |
||||
alignItems:'flex-start' |
||||
}"> |
||||
<u-col :custom-style="{padding:'30rpx 40rpx'}"> |
||||
<u-form |
||||
labelPosition="left" |
||||
:model="model1" |
||||
:rules="rules" |
||||
ref="form1" |
||||
labelWidth="200rpx" |
||||
> |
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="姓名" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请填写您的真实姓名" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="手机号码" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请输入" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="所属街道" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请选择" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="所属社区" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请选择" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
|
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="公司全称" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请输入" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="职业分类" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请选择" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
<u-form-item |
||||
:custom-style="{ |
||||
padding:'34rpx 0' |
||||
}" |
||||
label="身份证号码" |
||||
prop="userInfo.name" |
||||
borderBottom |
||||
ref="item1" |
||||
> |
||||
<u-input |
||||
fontSize="28" |
||||
placeholder="请输入" |
||||
v-model="model1.userInfo.name" |
||||
border="none" |
||||
></u-input> |
||||
</u-form-item> |
||||
</u-form> |
||||
</u-col> |
||||
</u-row> |
||||
</view> |
||||
<view class="foot-button border-box"> |
||||
<u-button size="large" shape="circle" color="#FF9545" :custom-style="{color:'#020B18'}">保存</u-button> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { |
||||
imghost |
||||
} from '@/config/host.js' |
||||
import MzSubsection from '@/components/MzSubsection/Index.vue'; |
||||
import api from '@/utils/functions.js'; |
||||
|
||||
export default { |
||||
components: { |
||||
MzSubsection |
||||
}, |
||||
data() { |
||||
return { |
||||
model1: { |
||||
userInfo: { |
||||
name: '', |
||||
sex: 1, |
||||
}, |
||||
}, |
||||
rules: { |
||||
'userInfo.name': { |
||||
type: 'string', |
||||
required: true, |
||||
message: '请填写姓名', |
||||
trigger: ['blur', 'change'] |
||||
}, |
||||
'userInfo.sex': { |
||||
type: 'string', |
||||
max: 1, |
||||
required: true, |
||||
message: '请选择男或女', |
||||
trigger: ['blur', 'change'] |
||||
}, |
||||
}, |
||||
sexList:[ |
||||
{ |
||||
id:1, |
||||
name: '男', |
||||
disabled: false, |
||||
}, |
||||
{ |
||||
i:2, |
||||
name: '女', |
||||
disabled: false, |
||||
}, |
||||
], |
||||
list: [{ |
||||
name: '最新资讯' |
||||
}, { |
||||
name: '表彰评优' |
||||
}, { |
||||
name: '活动回顾' |
||||
}], |
||||
// 或者如下，也可以配置keyName参数修改对象键名 |
||||
// list: [{name: '未付款'}, {name: '待评价'}, {name: '已付款'}], |
||||
current: 1, |
||||
title: '编辑资料', |
||||
loading: true, |
||||
staticImage: { |
||||
bg: imghost + '/static/image/BG.png', |
||||
newIcon: imghost + '/static/image/new-icon.png', |
||||
}, |
||||
user: { |
||||
avatar: imghost + '/static/image/banner.png', |
||||
nickname: '清晨的风', |
||||
coupons: 221, |
||||
id: 88685, |
||||
}, |
||||
isTop: false, |
||||
lists: [ |
||||
{ |
||||
id: 1, |
||||
thumb: imghost + '/static/image/new-1.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true |
||||
}, { |
||||
id: 2, |
||||
thumb: imghost + '/static/image/new-2.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”新闻发布会召开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: true |
||||
}, { |
||||
id: 3, |
||||
thumb: imghost + '/static/image/new-3.png', |
||||
title: '全市公安机关夏季治安打击整治“彭安行动”111开', |
||||
desc: '需要您带一点猫砂上门，谢谢', |
||||
time: '2023/06/16', |
||||
is_new: false |
||||
}, |
||||
], |
||||
size: { |
||||
height: 500, |
||||
} |
||||
} |
||||
}, |
||||
onLoad() { |
||||
|
||||
}, |
||||
computed: { |
||||
api() { |
||||
return api |
||||
}, |
||||
sectionStyle() { |
||||
const style = {}; |
||||
style.padding = '0 26rpx'; |
||||
style.position = 'sticky'; |
||||
style.zIndex = '9999'; |
||||
style.top = api.navHeight().systemBarHeight + 'px' |
||||
return style; |
||||
}, |
||||
listHeight() { |
||||
let that = this; |
||||
let height; |
||||
let info = uni.createSelectorQuery().in(this).select('.subsection'); |
||||
info.boundingClientRect(function (data) { |
||||
that.size.height = data.height; |
||||
}).exec(function (res) { |
||||
|
||||
}); |
||||
// that.size.height = (api.navHeight().windowHeight - height); |
||||
} |
||||
}, |
||||
methods: { |
||||
chatDetail(item) { |
||||
wx.navigateTo({ |
||||
url: '/pages/ChatDetail/index?id=' + item.id |
||||
}); |
||||
}, |
||||
checkSection(index) { |
||||
this.current = edit; |
||||
}, |
||||
scrollToLower() { |
||||
|
||||
}, |
||||
}, |
||||
onPageScroll(res) { |
||||
if (res.scrollTop <= 20) { |
||||
uni.$emit('isTop', true); |
||||
} else { |
||||
uni.$emit('isTop', false); |
||||
} |
||||
}, |
||||
created() { |
||||
this.listHeight(); |
||||
// this.pagePadding = (api.navHeight().navPaddingTop + |
||||
// api.navHeight().navHeight + (api.navHeight().headerPadding * 2)) |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style lang="scss"> |
||||
@import './components/index.scss'; |
||||
</style> |
||||
Loading…
Reference in new issue