www.狠狠干-精品国产91-狠狠操天天干-91伊人网-色偷偷超碰-91av视频在线

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

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

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

廢話不多說,開始擼代碼

 

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

 

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頁面哦哦!!!</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 頁面加入 app.json

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

6. 在首頁加入訪問鏈接

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

中的第一條路徑所指向的頁面  ,如果我們不想破壞原有的 那么 我們直接找到首頁  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頁面</navigator>  
  3.  </view>  

 

7. 訪問

 

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

 

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

 

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

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

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

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

免責(zé)聲明:本文僅代表作者個(gè)人觀點(diǎn),與本站無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí),對(duì)本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾,請(qǐng)讀者僅作參考,并請(qǐng)自行核實(shí)相關(guān)內(nèi)容。
我要收藏
個(gè)贊
?
主站蜘蛛池模板: 亚洲国产品综合人成综合网站 | 欧美成人免费高清视频 | 怡红院成人网 | 亚洲色欧美 | 成人黄色一级片 | 99爱视频| 深夜爽爽爽福利动态图 | 2017天天爽夜夜爽精品视频 | 欧美一级片免费在线观看 | 成年网站视频在线观看 | 国产成人精品无缓存在线播放 | 国产91av在线| 日本一级aaaa特黄毛片 | 老妇综合久久香蕉蜜桃 | 国内久久久久影院精品 | 亚洲欧美卡通动漫丝袜美腿 | 美女舒服好紧太爽了视频 | 思思久热re6这里有精品 | 欧美曰批人成在线观看 | 天堂视频在线免费观看 | 在线高清免费爱做网 | 国产欧美二区三区 | 亚洲日韩中文字幕天堂不卡 | 日本在线 | 中文 | 欧美一区二区三区高清视频 | 欧美成人午夜做爰视频在线观看 | 亚洲欧美一区二区三区不卡 | 免费a级片网站 | 一区二区中文字幕亚洲精品 | 91精品国产91久久久久久 | 国产男女爽爽爽爽爽视频 | 国产人做人爱免费视频 | 亚洲三级在线视频 | 91久久香蕉青青草原娱乐 | 国产午夜永久福利视频在线观看 | 欧美一区二区三区不卡免费观看 | 午夜两性视频 | 成人a毛片免费全部播放 | 亚欧成人毛片一区二区三区四区 | 久久er热这里只有精品免费 | 精品一久久香蕉国产线看播放 |