電影小程序歡迎頁面怎么開發(fā)

這篇文章主要介紹“電影小程序歡迎頁面怎么開發(fā)”，在日常操作中，相信很多人在電影小程序歡迎頁面怎么開發(fā)問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”電影小程序歡迎頁面怎么開發(fā)”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

　　1、目錄結(jié)構(gòu)講解：

　　微信小程序有四種文件類型：

　　*.wxml

　　*.wxss

　　*.js

　　*.json

　　wxml：類似網(wǎng)頁里的html頁面;

　　wxss：類似于網(wǎng)頁里的css樣式;

　　js：js文件，用來定義函數(shù)方法等;

　　json：配置頁面屬性，例如標(biāo)題欄;

　　上圖中的app.js app.json app.wxss 三個文件的文件名是固定的，微信官方定義好的，不可以修改文件名，也不可缺少這三個文件。

　　2、注意事項：

　　頁面文件夾里的wxml、 wxss、 js、 json文件的文件名必須相同，文件夾名字不必和里面的文件名相同

　　首先打開開發(fā)工具，創(chuàng)建quick start項目，簡單的修改一下。

　　把Index文件夾重命名為welcome;

　　底部的hello world改為一個類似于按鈕的樣式;

　　添加背景顏色; 修改頂部樣式;

　　按鈕的實(shí)現(xiàn)：

　　welcome.wxml

　　開啟小程序之旅

　　welcome.wxss

　　.usermotto {

　　margin-top: 200px;

　　border: 1px solid #405f80;

　　width: 200rpx;

　　height: 80rpx;

　　text-align: center;

　　border-radius: 5px;

　　}

　　.btn{

　　font-size: 22rpx;

　　font-family: MicroSoft Yahei;

　　font-weight: bold;

　　line-height: 80rpx;

　　}

　　背景顏色的設(shè)置：

　　注意：在最外部的view設(shè)置寬高百分百，添加背景顏色是無效的。因為微信默認(rèn)外面還有一層page。

　　所以需要這樣寫：

　　page{

　　height: 100%;

　　background: #b3d4db;

　　}

　　頂部設(shè)置：

　　app.jason

　　{

　　"pages":[

　　"pages/welcome/welcome"

　　],

　　"window":{

　　"backgroundTextStyle":"light",

　　"navigationBarBackgroundColor": "#b3d4db",

　　"navigationBarTitleText": "歡迎",

　　"navigationBarTextStyle":"black"

　　}

　　}

到此，關(guān)于“電影小程序歡迎頁面怎么開發(fā)”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實(shí)踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬?shí)用的文章！