支付宝小程序动态绑定样式
如果没有店铺信息,欢迎提示则向下移
<view class="user_box"> <view class="user_info"><!-- 欢迎提示 --><view class="user_name {{tableInfo.store_barch_name && tableInfo.store_name ?'':'disH'}} ">欢迎就餐~</view><!-- 店铺信息 --><view class="user_phone">{{tableInfo.store_name}} <text class="storeName {{tableInfo.store_barch_name ?'':'disP'}} ">(</text>{{tableInfo.store_barch_name}}<text class="storeName {{tableInfo.store_barch_name ?'':'disP'}} ">)</text></view></view></view>
acss
.store_box {display: flex;align-items: center;}.store_info {margin-left: 40rpx;
}.user_name {height: 21px;font-size: 15px;line-height: 21px;color: #FFFFFF;position:relative;
}
.disH{top:54px;
}
.disP{display: none}
.store_name {margin-top: 9px;height: 24px;font-size: 17px;font-weight: bold;line-height: 24px;color: #FFFFFF;
}
js
onLoad: function (options) {var flag = app.flag;var tableInfo = JSON.parse(options.tableInfo) || '';app.tableInfo = tableInfo;app.table_name = tableInfo.table_name;app.serial_code = tableInfo.serial_code;app.store_code = tableInfo.store_code;var type = options.type || 0;this.setData({flag,tableInfo,type})},
支付宝小程序动态绑定样式相关推荐
- 小程序开发过程中常见问题[微信小程序、支付宝小程序]
小程序开发过程中常见问题[微信小程序.支付宝小程序] 正文 一.样式中如何使用background-image呢? background-image支持网络的图片链接或者base64 二.使用自适应单 ...
- wxml修改样式_微信小程序 动态绑定事件并实现事件修改样式
微信小程序 动态绑定事件并实现事件修改样式 实例代码 wxml {{item.name}} js var reportTypeList = [ { name: "日报1", id: ...
- UNI-APP_开发支付宝小程序注意事项与解决方法,支付宝小程序图片显示问题
一.编译后,微信小程序上图片图标显示正常,但是一到支付宝小程序图片图标显示就不正常如下图: 微信显示 支付宝显示 官方文档:https://opendocs.alipay.com/mini/compo ...
- pyqt5点击按钮后关联程序一直运行指导再次点击按钮_揭秘支付宝小程序调试方法...
本文摘自 https://rax.js.org 本地 IDE 调试 IDE 模拟器中模拟了大部分的真机 API,并且配有调试工具,建议先在模拟器中完成基础功能.样式的调试,然后在真机上验证和调试,当然 ...
- 支付宝小程序组件库开发之省市区三级地址选择器组件
支付宝小程序开发文档中并没有提供明确的省市区选择器,不少项目还是有地址的填写需求,根据支付宝小程序现有提供的组件以及api,完全是可以实现填写地址的需求,比如分别获取省市区,通过地图来获取地址等,但是 ...
- 支付宝小程序 使用uView实现省市区三级联动的后续
上一篇讲的是使用uView2.0实现省市区三级联动(CSDN),最后无疾而终 这次我打算一雪前耻,使用uVIew1.0版本. 很好支持支付宝小程序,然后我按照官网的步骤一顿操作.. hbuilderX ...
- 如何将支付宝小程序迁移至微信/FinClip运行
许多小程序开发者都会遇到这样一个困扰,自己已经在微信,支付宝等不同环境中开发了对应的小程序代码,但在不同平台中的小程序语法并不一致. 本篇文章将通过手把手入门的方式,快速了解「如何使用第三方工具互相转 ...
- uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑
文章目录 微信支付宝小程序通用功能 1.checkbox样式 2.分享功能 支付宝小程序参数 微信小程序参数 其他兼容问题 H5 微信小程序 支付宝小程序 持续更新中... 微信支付宝小程序通用功能 ...
- 支付宝小程序开发体验
在使用过程中想到一点记录一点,只是个人感想. 支付宝小程序的底层应该是React Native的,但是,小程序界面的语法,跟weex更接近.比如,.axml文件,相当于<templete> ...
最新文章
- openstack的网络、子网、端口的关系
- Python【每日一问】21
- javascript的性能优化tips
- python创建变量并赋值_python怎么给变量赋值
- (软件工程复习核心重点)第八章面向对象方法学-第四节:面向对象建模之动态模型和功能模型
- 解决‘.../rqt_virtual_joy/plugin.xml‘ has no Root Element问题
- 从mysql数据库读取Blob_读取数据库Blob类型的文本数据
- 中本聪主题系列NFT收藏品在OpenSea发售,于26秒内售罄
- 分析RocketMQ消费端长轮询的源码实现
- 《团队作业第二周》五小福团队作业——UNO
- 离线RSS浏览FeedDemon
- 我的世界服务器矿怎么无限刷,我的世界中可以无限刷矿的指令是什么quest; | 手游网游页游攻略大全...
- Hello, World——从零到实盘0
- ajax 更新局部视图,使用Ajax局部更新Razor页面的实例代码
- 华为HCNA之OSPF多区域配置实验
- Chrome 字体模糊解决
- Windows7下MATLAB的安装
- 表单上下间隔怎么设置php,html中怎么设置每行文字的间隔
- coreldraw x7 分布_CorelDRAW-X7教程(全部)
- 圆柱体积怎么算立方公式_圆柱体积怎么算 求圆柱体积的公式