当前位置: 首页 > news >正文

关于微信小程序开发几点总结

用自己理解的方式总结:

1:wxss 样式及定位等,wxml主ui,设计,js主事件相关,

2:其中wxss布局, 一开始比较理解的就是flex,从容器属性到项目属性,分别给出6种,合计12种方式进行定位UI布局

3:wxml设计涉数据绑定也是必备掌握的,如下所示

4:还有模板绑定方式:

<template name="course-card">

  <view class="course-card">

    <view>

      <image src="{{course.coverPath}}" mode="widthFix"></image>

    </view>

    <view>{{course.name}}</view>

    <view wx:if="{{course.price>0}}" class="price">{{course.price}}</view>

    <view wx:else class="price">免费</view>

  </view>

</template>

5:另然关于布局还有一些细节:比如box-sizeing模式,Box-sizing content-box 长宽计算方式需要注意,其他的后续再补充吧

http://www.dtcms.com/a/469156.html

相关文章:

  • 杭州建站价格邢台wap网站建设费用
  • kafka4使用记录
  • 2100AI智能生活
  • 网站开发交流群做网站线上线下价格混乱
  • AI:让驾驶体验个性化!
  • 由Nacos允许配置访问代理启发的Node前端部署路径转发探究
  • vue - JS 判断客户端是苹果 iOS 还是安卓 Android(封装好的方法直接调用)二种解决方案
  • 路由器如何判断数据转发目标
  • BEM命名规范
  • 12V-24V转3.2V-10V600mA恒流驱动芯片WT7018
  • 远程MCP的调用和阿里云生态的知识库和工作流的使用
  • 前端与后端开发之间的不同
  • 做企业免费网站鄂尔多斯北京网站建设
  • 网站建设优化服务好么锦州做网站
  • 在线Excel新突破:SpreadJS如何完美驾驭中国式复杂报表
  • Excel如何排序?【图文详解】Excel表格排序?Excel自动排序?
  • 【Python办公】csv转Excel(可指定行数)
  • 个人网站用备案吗深圳办公室装修公司哪家好
  • Scala面试题及详细答案100道(71-80)-- 与Java的交互
  • 基于 PyQt5 实现刀具类型选择界面的设计与交互逻辑
  • 常用库函数
  • QUIC协议相比其他传输层协议(TCP,STCP,UDP)的优势
  • 【PC+安卓】塞尔达传说:王国之泪|v1.4.2整合版|官方中文|解压可玩 内附switch模拟器
  • 【自然语言处理】实现跨层跨句的上下文语义理解的解决办法
  • 保利威点播插件功能概览:一体化视频学习与内容管理能力
  • 第六节_PySide6基本窗口控件_单行文本框(QLineEdit)
  • wordpress如何应用sslseo关键字优化软件
  • flutter项目打包macOS桌面程序dmg
  • 【MCAL】AUTOSAR架构下TC3xx芯片I2C模块详解
  • Windows10部署yolov8