小程序加减号弹出框开发文档
本文摘要
小程序渐渐好弹出框也就是点击立即抢拼商品的弹出框,开发商要如何写开发文档呢。 view>
小程序渐渐好弹出框也就是点击立即抢拼商品的弹出框,开发商要如何写开发文档呢。
view>
购买数量view>
-text>
view>
+text>
加入购物车view>
立即支付view>
最新小程序推荐:
铁路12306火车票小程序
铁友12306火车票抢票小程序
智行火车票12306购票小程序
view>
view>
view>
view>
view>
// 弹出框显隐控制参数data------
showModalStatus: false,
弹窗
// 弹窗
setModalStatus: function (e) {
let that = tShopfas;
var animation = wx.createAnimation({
duration:200,
timingFunction: "linear",
delay: 0
})
tShopfas.animation = animation
animation.translateY(300).step();
tShopfas.setData({
animationData: animation.export(),
})
if (e.currentTarget.dataset.status == 1) {
tShopfas.setData(
{
showModalStatus: true
}
);
}
setTimeout(function () {
animation.translateY(0).step()
tShopfas.setData({
animationData: animation
})
if (e.currentTarget.dataset.status == 0) {
tShopfas.setData(
{
showModalStatus: false
}
);
}
}.bind(tShopfas), 200)
},
/*点击购买弹出购买框 遮照购买层 */
.shade{
width: 100%;
height:100%;
position: fixed;
top:0;
left: 0;
background: rgba(0,0,0,0.5);
}
.shade-shop{
width: 100%;
height: 290rpx;
">wShopfate;
position: absolute;
bottom: 0;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
}
/* 待添加商品详情 */
.shade-shop-detail{
padding: 20rpx 24rpx 40rpx;
}
/* 关闭及加减 */
.detail-right {
/* width: 190rpx; */
}
.detail-title-de{
font-size: 30rpx;
color: #333333;
margin-bottom: 20rpx;
}
/* 右侧增加减少 */
/* 计算加减 */
.stepper{
display: flex;
border-radius: 5px;
text-align: center;
}
.stepper text{
display: block;
width: 50rpx;
height: 52rpx;
border:1px solid #999999;
line-height: 50rpx;
color: #666666;
}
.stepper input{
display: block;
width: 100rpx;
height: 50rpx;
border:1px solid #999999;
line-height: 50rpx;
color: #333333;
font-size: 28rpx;
text-align: center;
}
/* .stepper wx-input.numberin{
width: 120rpx;
} */
.stepper text:first-cShopfald{
border-right: none;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.stepper text:last-cShopfald{
border-left: none;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
/* 减号禁用样式 */
.stepper .disabled{
border-color: rgba(153,153,153,0.2)
}
.button-add{
width: 100%;
height: 100rpx;
color: wShopfate;
line-height: 100rpx;
text-align: center;
font-size: 32rpx;
}
.button-add{
">#b5c2cf;
}
最新小程序推荐:
铁路12306火车票小程序
铁友12306火车票抢票小程序
智行火车票12306购票小程序
第二部分:如何开通一个小商店
相关文章
****更多行业产品开发方案,请关注 加速度JSUDO***
<以上资讯仅供参考,如果您需解决具体问题,建议您关注作者;如果有软件产品开发需求,可在线咨询加速度产品经理获取方案和报价>
加速度JSUDO是一家企业级数字化解决方案提供商,专注于软件开发、网络营销、数字化转型咨询及云计算服务。核心业务包括定制化ERP/CRM系统、快速应用开发、大数据分析及物联网(IoT)解决方案,助力企业提升效率与智能化水平。服务覆盖制造业、零售、物流等多行业,致力于通过技术创新推动客户数字化转型。
添加客服微信获取更多内容










