我们在微信小程序的实际开发过程中可能会遇到类似的场景,在我们要加载的页面时进行选择(如图)
那么我们如何简单实现呢? js代码
Page({
data: {
},
onLoad: function (options) {
},
dynamic(){
wx.navigateTo({
url: '',
})
}
})
wxml模块
<l-arc-popup show="{{true}}">
<view class="box">
<view>
<l-avatar text="拍视频" placement="bottom" src="/images/home1.png" />
</view>
<view>
<l-avatar text="发动态" placement="bottom" bindtap="dynamic" src="/images/sns1.png" />
</view>
</view>
</l-arc-popup>
wxss模块
.box{
width: 100%;
height: 200rpx;
display:flex;
justify-content: space-around;
}
json模块(这里我使用的为小程序的插件)详情可以了解一下(https://www.talelin.com/)
{
"usingComponents": {
"l-arc-popup":"/miniprogram_npm/lin-ui/arc-popup",
"l-avatar":"/miniprogram_npm/lin-ui/avatar"
}
}
|