无法在这个位置找到: head2.htm
当前位置: 建站首页 > 凡科导航 >

百度搜索智能化微信小程序企业展现类源代码实

时间:2020-12-22 10:39来源:未知 作者:admin 点击:
"window": {"navigationBarTextStyle": "white", //导航栏栏栏题型色彩,目前仅可用 灰灰黑色black和乳乳白色white二种色彩"navigationBarTitleText": "柚媚互连网营销推广营销推广学习培训学习培训", //导航

"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引入。
企业网站建设必须吗

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: ajaxfeedback.htm
栏目列表
推荐内容


扫描二维码分享到微信