微信小程序记事本

研究了几天小程序，写了一个记事本小程序,先上效果图，算是一个类似于本地的记事本。采用>

方法/步骤

文字的大小颜色。

text{

font-size: 16em;/文字大小/

color: #ff00ff;/文字颜色/

text-align: center;/文字居中/

}

的样式控制，长度宽度。

images{

width: 100%;

height: auto;

}

按钮样式<button>，可以用官网给的样式，可以了自己设定。

button{

width: 50%;/长度/

background: #ff0;/背景颜色/

color: #969696;/字体颜色/

border-radius:5px; /边角原弧度/

}

button::after{

border: 10px solid #969696;/边框/

}

透明度，

opacity: 03;

最多10。

浮动和边距，

fd{

border: 1px solid red;/边框/

width: 15%;/长度/

float: left;/浮动/

margin-left: 20px;/距离左侧/

}

6

WXSS基本和CSS一样，更多的样式以及详细，请认真学习css

flex-direction有两个属性，默认属性flex-direction-row从左到右，flex-direction-row-reverse从右往左。

flex-direction: column从上往下，flex-direction: column-reverse从下往上。

我在对View视图容器进行格式背景颜色定义background-color。定义完只有内容填充才显示背景颜色。其中对高height：100%，width：100%。解决办法是对上级目录pages进行定义高度height：100%。

justify-content ，主轴上的对齐方式，有五个属性

justify-content-center/ flex-start/flex-end/space-around/space-between，居中/左对齐（默认）/右对齐/分散对齐（等距）/两端对齐

align-items 交叉轴对齐方式，有六个属性。

align-items：flex-start/flex-end/center/stretch/baseline,顶部对齐/底部对齐/居中对齐/（元素没有定义高都占满整个容器交叉轴方向）填充/元素文字对齐

flex-grow: 当有多余空间时，元素的放大比例

flex-grow:0；不放大 flex-grow:1；放大各占取一份

flex-shrink 空间不足时按比例缩小，默认 flex-shrink:1不缩小。随着数值增大缩小。

flex-basis 元素在主轴上占据的空间，由于微信的解析程度不够导致flex-basis失效，故这里不用rpx，而是px

flex 是grow shrink basis 的简写

order定义元素的排列顺序

align-self 定义元素自身对齐方式

以上就是关于微信小程序记事本全部的内容，包括:微信小程序记事本、微信怎么设置小程序下面的文字、微信小程序图片浏览布局怎么写等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！