<view class="container"> <image src="{{cartImg}}" class="cart-image"/> <view>{{tipWords}}</view> </view> |
.container { display: flex; height: 100%; align-items: center;/*垂直居中*/ justify-content: center;/*水平居中*/ background-color: #F2f2f2; color: #939393; } .container .cart-image { width: 120px; height: 120px; } |
var app = getApp() Page( { data: { cartImg: '../../images/cart-null.png', tipWords: '购物车空空如也' } }) |
模板简介:该模板名称为【微信小程序母婴产品购物车空空如也提示页设计制作开发教程】,大小是,文档格式为.,推荐使用打开,作品中的图片,文字等数据均可修改,图片请在作品中选中图片替换即可,文字修改直接点击文字修改即可,您也可以新增或修改作品中的内容,该模板来自用户分享,如有侵权行为请联系网站客服处理。欢迎来懒人模板【小程序教程】栏目查找您需要的精美模板。