欧美日操-欧美日韩91-欧美日韩99-欧美日韩ay在线观看-xxxx色-xxxx视频在线

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

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

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

廢話不多說,開始擼代碼

 

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

 

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

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

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

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

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

3. 編輯test.wxml 文件

為了方便測試 我們隨便 填寫點(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 頁面所在的目錄 這里是相對路徑 首部不必填寫 /

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頁面“”

 

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

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

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

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

免責(zé)聲明:本文僅代表作者個(gè)人觀點(diǎn),與本站無關(guān)。其原創(chuàng)性以及文中陳述文字和內(nèi)容未經(jīng)本站證實(shí),對本文以及其中全部或者部分內(nèi)容、文字的真實(shí)性、完整性、及時(shí)性本站不作任何保證或承諾,請讀者僅作參考,并請自行核實(shí)相關(guān)內(nèi)容。
我要收藏
個(gè)贊
?
主站蜘蛛池模板: 江疏影腿抬高点我要进去小说 | 热99热| 国产激情自拍视频 | 视频h在线观看 | 欧美色视频在线观看 | 日韩天堂在线 | 日韩黄色在线 | 免费观看a黄一级视频 | 女人18毛片久久 | 久青草国产在线视频亚瑟影视 | 日韩大片免费在线观看 | 精品欧美一区手机在线观看 | 天天操一操 | 国产一区二区三区在线影院 | 高h大街上羞耻露出调教 | 久久精品一区二区三区资源网 | 中文字幕一区二区三区在线播放 | 久久精品无码一区二区日韩av | 污污的网站在线免费观看 | h黄动漫免费观看 | 久久国产乱子伦精品免费不卡 | 91av网址| 任你草 | 美女教师穿蕾丝内裤动态图 | 精品国产三级在线观看 | 四虎地址8848在线观看 | 日本一区二区三区在线 视频 | 国产福利一区二区 | 亚洲欧美日韩中文综合v日本 | 国产精品久久久久久影视 | 欧洲女人性行为免费视频 | 中文在线1区二区六区 | 久草香蕉视频 | 欧美色婷婷天堂网站 | 91精品久久久久久久久久小网站 | 成年女人毛片免费观看中文w | 国产亚洲三级 | 亚洲韩国欧美一区二区三区 | 久久精品操 | 免费看男女做好爽好硬视频 | 成人欧美一区二区三区视频 |