-
动态获取屏幕尺寸,并将其保存到模型层。
在页面上面根据该尺寸设置高度。
查看全部 -
在sitemap.json文件中修改页面被爬虫索引(默认全部页面都允许,不用修改)
另外"desc:"后面跟的是备注信息,可以不管。
查看全部 -
在app.json中的"navigationBarTitleText": "WeChat",中修改导航条文字
在app.wxss中添加全局样式
page{ color: #333; background-color: #fff; }
查看全部 -
在app.json中的"navigationBarTitleText": "WeChat",中修改导航条文字
在app.wxss中添加全局样式
page{ color: #333; background-color: #fff; }
查看全部 -
修改纵向对齐方式
.container{ display:flex; flex-direction:row; //水平排列(从左到右) justify-content:space-around; //环绕对齐 background-color:pink; height:200px; align-items:flex-start;//默认顶端对齐 //align-items:flex-end;//底端对齐 //align-items:center;//垂直居中对齐 //align-items:stretch;//拉伸对齐,该对齐需要在控件的类中添加htight:auto;属性 //align-items:baseline;//文字基线对齐,根据上一个文件的底下基线对齐(需空间有文字)如图 }
查看全部 -
修改水平对齐方式 .container{ display:flex; flex-direction:row; //水平排列(从左到右) justify-content:flex-start; //默认为起点对齐(左对齐) //justify-content:flex-end; //末端对齐(右对齐) //justify-content:center; //居中对齐 //justify-content:space-between; //两端对齐 //justify-content:space-around; //环绕对齐,每个控件之间距离相等 }
查看全部 -
.container{ display:flex; //flex-direction:row; //默认为水平排列(从左到右) row-reverse(从右往左) flex-direction:column; //修改为垂直排列(从上到下) column-reverse(从下到上) }
查看全部 -
Flex布局的方向轴
Flex布局有两根方向轴:水平的主轴和垂直的交叉轴。
Flex布局默认排版方向为水平的主轴。
查看全部 -
先在wxml文件中编写以下内容。
<view class="container"> <view class="S1"></view> <view class="S2"></view> <view class="S3"></view> <view class="S4"></view> </view>
然后在对应的wxml文件中编写图中,每个类对应的内容。flex-grow:1;为弹性布局,该控件可以自动伸展以铺满屏幕,该方法可同时用在多个类中。
其中container为父类,空间对齐方法在里面。display:flex;
查看全部 -
添加Flex布局
如果想要让某个空间实现Flex布局,必须要给它的父空间设置上Flex样式。
图一为html代码(若是wxml需要将div标签修改为view标签)
图二为css代码,只需写括号里面第一句现标准的写法。
查看全部 -
Flex布局的优点
Flex布局可以设置空间的排列方向和顺序。
Flex布局可以设置各种对齐方式。
Flex布局可以设置弹性放大或者缩小。
查看全部 -
学完的点赞查看全部
-
mode='widthFix’ 保持图片宽高比
查看全部 -
动态计算页面的高度
查看全部 -
爬虫索引,允许被爬虫找到所有的信息,page:*
查看全部
举报