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 ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.
<!--
* @ Author : ch
* @ Date : 2022 - 03 - 24 10 : 32 : 58
* @ LastEditors : ch
* @ LastEditTime : 2022 - 04 - 09 15 : 03 : 47
* @ Description : file content
-- >
< template >
< view >
< u -cell label = "服务" value = "假一赔四 · 全国包邮" :border ="false"
isLink @ click = "showPopup = true" > < / u - c e l l >
<!-- 详情内容弹窗 -- >
< u -popup mode = "bottom" :show ="showPopup" :round ="12" >
< view class = "content" >
< text class = "title" > 假一赔四 < / text >
< text class = "desc" > 正品保障 ， 假一赔四 < / text >
< text class = "title" > 全国包邮 < / text >
< text class = "desc" > 偏远地区 （ 青海 、 西藏 、 新疆 ） 除外 < / text >
< text class = "title" > 不支持7天退换 < / text >
< text class = "desc" > 此商品不支持七天无理由退换 < / text >
< / view >
< button class = "btn" @ click = "showPopup = false" > 确认 < / button >
< / u - p o p u p >
< / view >
< / template >
< script >
export default {
data ( ) {
return {
showPopup : false ,
} ;
} ,
created ( ) {
// 获取商品服务列表
} ,
methods : { } ,
} ;
< / script >
< style lang = "scss" scoped >
. content {
padding : 50 rpx ;
color : $color - grey6 ;
}
. title {
margin : 50 rpx 0 20 rpx 0 ;
display : block ;
font - size : $font - size - lg ;
: : before {
display : inline - block ;
content : '' ;
width : 10 rpx ;
height : 10 rpx ;
border - radius : 8 rpx ;
background : $color - yellow2 ;
margin - right : 20 rpx ;
}
}
. desc {
font - size : $font - size - base ;
}
. btn {
height : 80 rpx ;
width : 690 rpx ;
font - size : 30 rpx ;
color : $color - grey0 ;
margin : 100 rpx auto 30 rpx auto ;
border - radius : 100 rpx ;
background : linear - gradient ( 270 deg , $color - yellow2 0 % , $color - yellow1 100 % ) ;
}
< / style >
