标签:index flex 微信 pyrhon 程序 static 方向 pages png
接一,继续学习。和大家一起学习进步。
学习全局配置。
属性 类型 描述
entryPagePath string 小程序默认启动首页
pages string[] 页面路径列表
window Object 全局的默认窗口表现
tabBar Object 底部 tab 栏的表现
networkTimeout Object 网络超时时间
debug boolean 是否开启 debug 模式,默认关闭
functionalPages boolean 是否启用插件功能页,默认关闭
{
"pages":[ //配置页面
"pages/index/index",
"pages/logs/logs"
],
"window":{ //配置默认窗口
"backgroundTextStyle":"light",
"navigationBarBackgroundColor": "#BBFFFF", //设置背景颜色(rgd颜色)
"navigationBarTitleText": "小卖部", //设置名称
"navigationBarTextStyle":"black" //导航标题颜色
},
"tabBar": {
"selectedColor":"#ddd", //设置颜色
"list": [
{
"pagePath": "pages/index/index", //地址
"text": "首页", //名称
"iconPath": "pages/static/tabber/1161511.png", //图片
"selectedIconPath": "pages/static/tabber/1161511.png"
},
{
"pagePath": "pages/shop/shop",
"text": "商品",
"iconPath": "pages/static/tabber/3966732.png",
"selectedIconPath": "pages/static/tabber/3966732.png"
}
]
}
}
组件:
test:编写文本信息:类似于span标签
view:容器,类似于div标签
image:图片
flex布局:
/* pages/index/index.wxss */
.c1{
color:red;
}
image{
/*宽*/
width: 100rpx;
/*高*/
height: 100px;
}
.menu{
display: flex;
/*水品方向排列,规定主轴方向,row水品方向,。column垂直方向*/
flex-direction: column;
/*元素在主轴方向如何展示*/
justify-content: space-around;
/*元素在副轴方向如何展示,flex-start:中间,flex-end:末尾*/
align-items: flex-start;
}
.menu.item{
display: flex;
flex-direction: column;
}
样式:
display: flex; flex布局
flex-direction: row; 规定主轴方向
justify-content: space-around; 规定主轴上排列方向
align-items: flex-start; 规定主轴排列方向
标签:index,flex,微信,pyrhon,程序,static,方向,pages,png 来源: https://blog.csdn.net/weixin_47514459/article/details/114636104
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。