|
"window": { "navigationBarTextStyle": "white", //导航栏栏题目色调，现阶段仅适用 灰黑色black和乳白色white二种色调 "navigationBarTitleText": "柚媚互联网营销推广学习培训", //导航栏栏题目文本內容,这儿通常为企业名字，之后的网页页面能够改成频道名字 "navigationBarBackgroundColor": "#000", //导航栏栏情况色调，留意不必与题目色调一样或是太贴近 "backgroundColor": "#fbf9fe", //情况色调，留意与导航栏栏情况色调、导航栏栏题目色调要具备差别却要维持融洽 "enablePullDownRefresh": true //是不是打开往下拉更新，true为打开，false为不动启 }, "tabBar": { "color": "#b7b7b7", //tab 前文字的默认设置色调 "selectedColor": "#00beaf", //tab 上的文本选定时的色调 "borderStyle": "white", //tabBar 外框色调,仅适用 灰黑色black和乳白色white 二种，默认设置数值 black "backgroundColor": "#f2f2f2", //tab 的情况色 "list": [{ //tab 的目录，目录数量2~五个 "pagePath": "page/index/index", //已在 pages 中界定的网页页面相对路径；种类：String；必填项 "iconPath": "image/12.png", //照片相对路径，icon 尺寸限定为45kb，提议规格为 78px*78px，不兼容互联网照片；种类：String；能够沒有 "selectedIconPath": "image/11.png", //选定时的照片相对路径，icon 规格型号跟上面一样；种类：String；非必填项。当 position 为 top 时，无法显示 icon "text": "主页" //tab上显示信息的文本信息内容；种类：String；必填项 }, { "pagePath": "page/aboutus/aboutus", "iconPath": "image/22.png", "selectedIconPath": "image/21.png", "text": "有关" }, { "pagePath": "page/list/list", "iconPath": "image/42.png", "selectedIconPath": "image/41.png", "text": "新闻资讯" }, { "pagePath": "page/contactus/contactus", "iconPath": "image/32.png", "selectedIconPath": "image/31.png", "text": "联络" }] }, "networkTimeout": { //互联网请求超时设定，能够沒有 "request": 10000, "connectSocket": 10000, "uploadFile": 10000, "downloadFile": 10000 }, "debug": false //调节方式，发布时为false，调节时为true } app.js文档 App({ onLaunch: function () { //监视微信小程序是不是起动 console.log('App Launch') //发布时除掉，调节时查询的，没去掉仿佛也没有什么影晌 }, onShow: function () { //监视微信小程序是不是显示信息 console.log('App Show') //发布时除掉 }, onHide: function () { //监视微信小程序是不是掩藏 console.log('App Hide') //发布时除掉 }, globalData: { //公有制化数据信息，设定为全局性自变量，能够跨网页页面启用，在其他网页页面用的js文档里用var app=getApp() hasLogin: false //默认设置是沒有登陆 } }) app.css 根文档下能够沒有这一文档，可是以便工程项目化和编码重复使用降低反复劳动者，能够在这里里写上通用性的款式文档，随后在其他网页页面的css文档选用 @import 句子导进这一 CSS 文档，对必须修改的地区再次设定遮盖便可以了。 //网页页面 page { background-color: #fbf9fe; height: 100%; } //器皿 .container { display: flex; flex-direction: column; min-height: 100%; justify-content: space-between; } //网页页面头顶部 .page-header { display: flex; font-size: 32rpx; color: #aaa; justify-content: center; margin-top: 50rpx; } .page-header-text { padding: 20rpx 40rpx; border-bottom: 1px solid #ccc; } //网页页面行为主体 .page-body { width: 100%; display: flex; flex-direction: column; align-items: center; flex-grow: 1; overflow-x: hidden; } .page-body-wrapper { margin-top: 100rpx; display: flex; flex-direction: column; align-items: center; width: 100%; } .page-body-wrapper form { width: 100%; } .page-body-wording { text-align: center; padding: 200rpx 100rpx; } .page-body-info { display: flex; flex-direction: column; align-items: center; background-color: #fff; margin-bottom: 50rpx; width: 100%; padding: 50rpx 0 150rpx 0; } .page-body-title { margin-bottom: 100rpx; font-size: 32rpx; } .page-body-text { font-size: 30rpx; line-height: 26px; color: #ccc; } .page-body-text-small { font-size: 24rpx; color: #000; margin-bottom: 100rpx; } .page-body-form { width: 100%; background-color: #fff; display: flex; flex-direction: column; width: 100%; border: 1px solid #eee; } .page-body-form-item { display: flex; align-items: center; margin-left: 10rpx; border-bottom: 1px solid #eee; height: 80rpx; } .page-body-form-key { width: 180rpx; } .page-body-form-value { flex-grow: 1; } .page-body-form-picker { display: flex; justify-content: space-between; height: 100rpx; align-items: center; font-size: 36rpx; margin-left: 20rpx; padding-right: 20rpx; border-bottom: 1px solid #eee; } .page-body-form-picker-value { color: #ccc; } .page-body-buttons { width: 100%; } .page-body-button { margin: 25rpx; } .page-body-button image { width: 150rpx; height: 150rpx; } //网页页面底端 .page-footer { text-align: center; color: #1aad19; font-size: 24rpx; margin: 20rpx 0; } //色调 .green{ color: #09BB07; } .red{ color: #F76260; } .blue{ color: #10AEFF; } .yellow{ color: #FFBE00; } .gray{ color: #C9C9C9; } .strong{ font-weight: bold; } .bc_green{ background-color: #09BB07; } .bc_red{ background-color: #F76260; } .bc_blue{ background-color: #10AEFF; } .bc_yellow{ background-color: #FFBE00; } .bc_gray{ background-color: #C9C9C9; } //文本两端对齐 .tc{ text-align: center; } //键入框 .page input{ padding: 10px 15px; background-color: #fff; } //挑选 checkbox, radio{ margin-right: 5px; } //按键 .btn-area{ padding: 0 15px; } .btn-area button{ margin-top: 10px; margin-bottom: 10px; } //网页页面其他关键点 .page { min-height: 100%; flex: 1; background-color: #FBF9FE; font-size: 16px; font-family: -apple-system-font,Helvetica Neue,Helvetica,sans-serif; overflow: hidden; } .page__hd{ padding: 40px; } .page__title{ display: block; font-size: 20px; } .page__desc{ margin-top: 5px; font-size: 14px; color: #888888; } //区块链 .section{ margin-bottom: 40px; } .section_gap{ padding: 0 15px; } .section__title{ margin-bottom: 8px; padding-left: 15px; padding-right: 15px; } .section_gap .section__title{ padding-left: 0; padding-right: 0; } .section__ctn{ } 百度搜索智能化微信小程序网站根目录下边沒有swan文档，假如有通用性的模板，能够jianl 一个template文档夹，把通用性模板放到这儿，用import或是include引入。 |