亚洲an日韩专区在线-亚洲an天堂an在线观看-亚洲a区视频-亚洲a图-免费黄网大全-免费黄网在线

微信小程序二(創(chuàng)建頁(yè)面)

2018-03-12 15:48:21 csdn  點(diǎn)擊量: 評(píng)論 (0)
好了 hello world 創(chuàng)建好了 ,咱開始寫頁(yè)面了,那么如何創(chuàng)建一個(gè)簡(jiǎn)單的頁(yè)面呢,廢話不多說(shuō),開始擼代碼新建一個(gè)頁(yè)面需要以下幾步,1

好了 hello world 創(chuàng)建好了 ,咱開始寫頁(yè)面了,那么如何創(chuàng)建一個(gè)簡(jiǎn)單的頁(yè)面呢,

廢話不多說(shuō),開始擼代碼

 

新建一個(gè)頁(yè)面需要以下幾步,

 

1. 在pages 中添加一個(gè)目錄

(當(dāng)然如果你覺得寫在現(xiàn)有的目錄里面就好 那這一步就省略啦)

點(diǎn)擊左側(cè)的 編輯  -->  點(diǎn)中 pages 文件夾  -->   點(diǎn)擊右上角的  +  號(hào)  --> 在下拉菜單中選擇 目錄  --> 彈出框中 填寫目錄 名稱 (這里我們寫了test)--> 點(diǎn)擊 確定

2. 新建一個(gè)wxml 文件

選中 test  文件夾 --> 點(diǎn)擊 右上角  + 號(hào)  --->  選擇  wxml 類型 文件  --> 填入文件名  (注意 這里必須填寫 后綴名 至少 我的版本是必須填入的)

3. 編輯test.wxml 文件

為了方便測(cè)試 我們隨便 填寫點(diǎn)內(nèi)容進(jìn)去

 

[html] view plain copy
  1. <view class="container">  
  2.     <text>這是我的test頁(yè)面哦哦!!!</text>  
  3. </view>  

 

4. 創(chuàng)建test.js文件

 

使用同樣的方法在test 目錄下創(chuàng)建一個(gè) test.js 文件

 

[javascript] view plain copy
 
  1. //test.js  
  2. //獲取應(yīng)用實(shí)例  
  3. var app = getApp()  
  4. Page({  
  5.   data: {  
  6.     userInfo: {}  
  7.   },  
  8.   onLoad: function () {  
  9.     console.log('onLoad test');  
  10.   }  
  11. })  

 

5. 將test 頁(yè)面加入 app.json

在pages 屬性中 加入一條 test 頁(yè)面所在的目錄 這里是相對(duì)路徑 首部不必填寫 /

6. 在首頁(yè)加入訪問(wèn)鏈接

好了 上面路徑也加好了 我們得加個(gè)入口 才能看到自己寫的頁(yè)面啊 , 小程序的首頁(yè)一般是默認(rèn)顯示 pages 屬性

中的第一條路徑所指向的頁(yè)面  ,如果我們不想破壞原有的 那么 我們直接找到首頁(yè)  pages/index/index.wxml  添加一個(gè)鏈接

 

[html] view plain copy
 
  1. <view class="btn-area">  
  2.    <navigator url="/pages/test/test" hover-class="navigator-hover">跳轉(zhuǎn)test頁(yè)面</navigator>  
  3.  </view>  

 

7. 訪問(wèn)

 

一且準(zhǔn)備就緒 ,點(diǎn)擊左下角的 “編譯”,出現(xiàn)如下 頁(yè)面 

 

然后 點(diǎn)擊 “”跳轉(zhuǎn)test頁(yè)面“”

 

哇哈哈,看到了沒,你的頁(yè)面做好了!!!(注意所有頁(yè)面編輯后 請(qǐng)按 ctrl + s 保存鍵)

不要走開,下節(jié)更精彩!

大云網(wǎng)官方微信售電那點(diǎn)事兒

責(zé)任編輯:售電衡衡

免責(zé)聲明:本文僅代表作者個(gè)人觀點(diǎn),與本站無(wú)關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí),對(duì)本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾,請(qǐng)讀者僅作參考,并請(qǐng)自行核實(shí)相關(guān)內(nèi)容。
我要收藏
個(gè)贊
?
主站蜘蛛池模板: 国产粉嫩高中生无套第一次 | 18女人毛片大全 | 亚洲成年人免费网站 | 一本色道久久综合亚洲精品 | 欧美一级毛片高清免费观看 | 精品国产一区二区三区久 | 国产在线拍揄自揄视精品不卡 | 97在线视频免费播放 | 国产v欧美v日韩在线观看 | 成人交性视频免费看 | 欧美成人免费公开播放 | 久久亚洲精品成人 | 国产深夜福利视频观看 | 99ri在线视频 | 碰碰碰精品视频在线观看 | 99久久精品国产国产毛片 | 日韩a毛片免费全部播放完整 | 高清偷自拍第1页 | 洋老外米糕国产一区二区 | 女人18毛片a级毛片 女人aaaaa片一级一毛片 | 在线亚洲成人 | 国产欧美日韩精品第三区 | 久久久久欧美国产精品 | 亚洲国产欧美在线人成 | 中文字幕免费 | vr18成人资源 | 国产三级日本三级日产三级66 | 欧美一级毛片美99毛片 | 久久久日本久久久久123 | 欧美专区视频 | 亚洲精品日本高清中文字幕 | 国产视频二区 | 91久久亚洲最新一本 | 99久久免费精品视频 | 一级做a爱片特黄在线观看免费看 | 国产成人麻豆tv在线观看 | 国内精品亚洲 | 日产一区二区三区四区 | 久久美女精品国产精品亚洲 | 国产在线精品成人一区二区三区 | 女人毛片a毛片久久人人 |