You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This file contains invisible Unicode characters that may be processed differently from what appears below. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to reveal hidden characters.
< template >
< view >
< u -navbar :is-back ="false" title = " :border-bottom ="false" >
< view class = "u-flex u-row-right" style = "width: 100%;" >
< view class = "camera u-flex u-row-center" >
< u -icon name = "camera-fill" color = "#000000" size = "48" > < / u - i c o n >
< / view >
< / view >
< / u - n a v b a r >
< view class = "u-flex user-box u-p-l-30 u-p-r-20 u-p-b-30" >
< view class = "u-m-r-10" >
< u -avatar :src ="pic" size = "140" > < / u - a v a t a r >
< / view >
< view class = "u-flex-1" >
< view class = "u-font-18 u-p-b-20" > uView ui < / view >
< view class = "u-font-14 u-tips-color" > 微信号 : helang _uView < / view >
< / view >
< view class = "u-m-l-10 u-p-10" >
< u -icon name = "scan" color = "#969799" size = "28" > < / u - i c o n >
< / view >
< view class = "u-m-l-10 u-p-10" >
< u -icon name = "arrow-right" color = "#969799" size = "28" > < / u - i c o n >
< / view >
< / view >
< view class = "u-m-t-20" >
< u -cell -group >
< u -cell -item icon = "rmb-circle" title = "支付" > < / u - c e l l - i t e m >
< / u - c e l l - g r o u p >
< / view >
< view class = "u-m-t-20" >
< u -cell -group >
< u -cell -item icon = "star" title = "收藏" > < / u - c e l l - i t e m >
< u -cell -item icon = "photo" title = "相册" > < / u - c e l l - i t e m >
< u -cell -item icon = "coupon" title = "卡券" > < / u - c e l l - i t e m >
< u -cell -item icon = "heart" title = "关注" > < / u - c e l l - i t e m >
< / u - c e l l - g r o u p >
< / view >
< view class = "u-m-t-20" >
< u -cell -group >
< u -cell -item icon = "setting" title = "设置" > < / u - c e l l - i t e m >
< / u - c e l l - g r o u p >
< / view >
< / view >
< / template >
< script >
export default {
data ( ) {
return {
pic : 'https://uviewui.com/common/logo.png' ,
show : true
}
} ,
onLoad ( ) {
} ,
methods : {
}
}
< / script >
< style lang = "scss" >
page {
background - color : # ededed ;
}
. camera {
width : 54 px ;
height : 44 px ;
& : active {
background - color : # ededed ;
}
}
. user - box {
background - color : # fff ;
}
< / style >
