如果没有店铺信息,欢迎提示则向下移

<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})},

支付宝小程序动态绑定样式相关推荐

  1. 小程序开发过程中常见问题[微信小程序、支付宝小程序]

    小程序开发过程中常见问题[微信小程序.支付宝小程序] 正文 一.样式中如何使用background-image呢? background-image支持网络的图片链接或者base64 二.使用自适应单 ...

  2. wxml修改样式_微信小程序 动态绑定事件并实现事件修改样式

    微信小程序 动态绑定事件并实现事件修改样式 实例代码 wxml {{item.name}} js var reportTypeList = [ { name: "日报1", id: ...

  3. UNI-APP_开发支付宝小程序注意事项与解决方法,支付宝小程序图片显示问题

    一.编译后,微信小程序上图片图标显示正常,但是一到支付宝小程序图片图标显示就不正常如下图: 微信显示 支付宝显示 官方文档:https://opendocs.alipay.com/mini/compo ...

  4. pyqt5点击按钮后关联程序一直运行指导再次点击按钮_揭秘支付宝小程序调试方法...

    本文摘自 https://rax.js.org 本地 IDE 调试 IDE 模拟器中模拟了大部分的真机 API,并且配有调试工具,建议先在模拟器中完成基础功能.样式的调试,然后在真机上验证和调试,当然 ...

  5. 支付宝小程序组件库开发之省市区三级地址选择器组件

    支付宝小程序开发文档中并没有提供明确的省市区选择器,不少项目还是有地址的填写需求,根据支付宝小程序现有提供的组件以及api,完全是可以实现填写地址的需求,比如分别获取省市区,通过地图来获取地址等,但是 ...

  6. 支付宝小程序 使用uView实现省市区三级联动的后续

    上一篇讲的是使用uView2.0实现省市区三级联动(CSDN),最后无疾而终 这次我打算一雪前耻,使用uVIew1.0版本. 很好支持支付宝小程序,然后我按照官网的步骤一顿操作.. hbuilderX ...

  7. 如何将支付宝小程序迁移至微信/FinClip运行

    许多小程序开发者都会遇到这样一个困扰,自己已经在微信,支付宝等不同环境中开发了对应的小程序代码,但在不同平台中的小程序语法并不一致. 本篇文章将通过手把手入门的方式,快速了解「如何使用第三方工具互相转 ...

  8. uni-app跨端开发H5、微信小程序、支付宝小程序遇到的坑

    文章目录 微信支付宝小程序通用功能 1.checkbox样式 2.分享功能 支付宝小程序参数 微信小程序参数 其他兼容问题 H5 微信小程序 支付宝小程序 持续更新中... 微信支付宝小程序通用功能 ...

  9. 支付宝小程序开发体验

    在使用过程中想到一点记录一点,只是个人感想. 支付宝小程序的底层应该是React Native的,但是,小程序界面的语法,跟weex更接近.比如,.axml文件,相当于<templete> ...

最新文章

  1. openstack的网络、子网、端口的关系
  2. Python【每日一问】21
  3. javascript的性能优化tips
  4. python创建变量并赋值_python怎么给变量赋值
  5. (软件工程复习核心重点)第八章面向对象方法学-第四节:面向对象建模之动态模型和功能模型
  6. 解决‘.../rqt_virtual_joy/plugin.xml‘ has no Root Element问题
  7. 从mysql数据库读取Blob_读取数据库Blob类型的文本数据
  8. 中本聪主题系列NFT收藏品在OpenSea发售,于26秒内售罄
  9. 分析RocketMQ消费端长轮询的源码实现
  10. 《团队作业第二周》五小福团队作业——UNO
  11. 离线RSS浏览FeedDemon
  12. 我的世界服务器矿怎么无限刷,我的世界中可以无限刷矿的指令是什么quest; | 手游网游页游攻略大全...
  13. Hello, World——从零到实盘0
  14. ajax 更新局部视图,使用Ajax局部更新Razor页面的实例代码
  15. 华为HCNA之OSPF多区域配置实验
  16. Chrome 字体模糊解决
  17. Windows7下MATLAB的安装
  18. 表单上下间隔怎么设置php,html中怎么设置每行文字的间隔
  19. coreldraw x7 分布_CorelDRAW-X7教程(全部)
  20. 圆柱体积怎么算立方公式_圆柱体积怎么算 求圆柱体积的公式

热门文章

  1. getchar,putchar与gets,puts的区别
  2. 圆锥误差补偿多子样算法
  3. 兄弟2260激光打印机硒鼓灯常亮
  4. 解决chrome您的连接不是私密连接
  5. python数据分析-面试题
  6. [随笔]python之print函数总结
  7. 学习区块链(一)--我为什么要学习区块链?
  8. 基于问答对的问答系统方案设计
  9. ssm项目笔记(五)图片存储方案
  10. 做一个前端网页送给女朋友~轮播图+纪念日