微信小程序

Posted 2020-12-04 小字辈

WXML

1， 数据绑定

2， 列表渲染

3， 条件渲染

4，<block>与<view>

<block>是一个包装元素，只接受控制属性，不会在页面上进行渲染；

<view>是一个组件，会在页面上进行渲染。

<block wx:if="{{[1,2,3]}}">
    <view>text</view>
    <view>text</view>
</block>

 5，https://www.jb51.net/article/142202.htm input里面插入图片

WXSS

1， -webkit-font-smoothing字体抗锯齿渲染

https://www.cnblogs.com/moqiutao/archive/2016/03/18/5291881.html

-webkit-font-smoothing: none | subpixel-antialiased(默认) | antialiased;
-moz-osx-font-smoothing: inherit | grayscale;

 2， justify-content弹性盒对象的<div>元素中各项周围留有的空白

div{
    display : flex;
    justify-content : flex-start | flex-end | center | space-between | space-around | initial | inherit;
}