【小程序】微信小程序开发技巧实用手册（自己做笔记用）

敦厚的曹操

已于 2022-12-29 08:50:03 修改

阅读量1.2k

点赞数

分类专栏： 0.【小程序】文章标签：微信小程序小程序

于 2022-07-13 18:16:18 首次发布

本文链接：https://blog.csdn.net/dxnn520/article/details/125769507

版权

0.【小程序】专栏收录该内容

52 篇文章 3 订阅

订阅专栏

【Css】Css和Html常用设计实例参考笔记（自己开发项目用）_敦厚的曹操的博客-CSDN博客_html和css的项目实例一、左右居中1、div等块元素左右居中margin: 0 auto;margin: 0 auto;2、span等行级元素左右居中text-align: center;text-align: center;二、图片、图标字体等上下错位调整相对定位：position:relative{ position:relative; left:10px; top:10px}三、图标字体等上下错位调整.........https://blog.csdn.net/dxnn520/article/details/124026765一、与html转换，替换元素

【小程序】把微信小程序转换h5代码的几个关键字替换_敦厚的曹操的博客-CSDN博客_微信代码转换一、文件名和内容更换1、把.wxml扩展名改成.html2、把wxss扩展名改成.css3、增加body等长用项。4、增加.css文件的链接<link rel="stylesheet" href="css/index.css">二、css文件中替换1、page{} 替换成 body{}2、image 替换成 img3、text 替换成 span4、view 替换成 div三、html文件中替换1、<text> 替换成 <span&https://blog.csdn.net/dxnn520/article/details/122784155

二、input输入框

【小程序】input输入框属性及上下左右居中的示例（图文+代码）_敦厚的曹操的博客-CSDN博客_input标签居中属性input输入框属性说明及示例（图文+代码）https://blog.csdn.net/dxnn520/article/details/125799034 【小程序】input输入框双向绑定简单方法（含多个input，图示+代码）_敦厚的曹操的博客-CSDN博客【小程序】input输入框双向绑定简单方法（含多个input，图示+代码）https://blog.csdn.net/dxnn520/article/details/126987570三、view实现按钮效果

【小程序】通过view实现按钮示例_敦厚的曹操的博客-CSDN博客【小程序】通过view实现按钮示例https://blog.csdn.net/dxnn520/article/details/126934444?csdn_share_tail=%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22126934444%22%2C%22source%22%3A%22dxnn520%22%7D

四、navigator超链接和路由跳转

【小程序】微信小程序中的navigator超链接和路由跳转（图文+代码）_敦厚的曹操的博客-CSDN博客_微信小程序navigator跳转【小程序】微信小程序中的navigator链接和路由跳转（图文+代码）https://blog.csdn.net/dxnn520/article/details/125366654

四、通过setDate给data变量赋值D

this.setData({
s_height: 100,
})

五、字间距和增加空格

letter-spacing:5rpx

<view>
  <text space="ensp">我是   张飞（一空格是英文大小，半个汉字）</text>
</view>
<view>
  <text space="emsp">我是    刘备（一个空格是一个汉字大小）</text>
</view>
<view>
  <text space="nbsp">我是  诸葛亮  你是关羽（跟html一样）</text>
</view>