這篇文章主要介紹了微信小程序中如何制作歡迎頁面，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù)，包含不限于成都網(wǎng)站建設(shè)、成都網(wǎng)站設(shè)計、新鄭網(wǎng)絡(luò)推廣、小程序制作、新鄭網(wǎng)絡(luò)營銷、新鄭企業(yè)策劃、新鄭品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運營等，從售前售中售后，我們都將竭誠為您服務(wù)，您的肯定，是我們大的嘉獎；創(chuàng)新互聯(lián)建站為所有大學(xué)生創(chuàng)業(yè)者提供新鄭建站搭建服務(wù)，24小時服務(wù)熱線：18982081108，官方網(wǎng)址：www.cdcxhl.com

先看下最后的效果圖：

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

• 把Index文件夾重命名為welcome；

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

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

按鈕的實現(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è)置寬高百分百，添加背景顏色是無效的。因為微信默認外面還有一層page。

所以需要這樣寫：

page{
 height: 100%;
 background: #b3d4db;
}

頂部設(shè)置：

app.jason

{
 "pages":[
 "pages/welcome/welcome"

 ],
 "window":{
 "backgroundTextStyle":"light",
 "navigationBarBackgroundColor": "#b3d4db",
 "navigationBarTitleText": "歡迎",
 "navigationBarTextStyle":"black"
 }
}

感謝你能夠認真閱讀完這篇文章，希望小編分享的“微信小程序中如何制作歡迎頁面”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!

網(wǎng)頁名稱：微信小程序中如何制作歡迎頁面-創(chuàng)新互聯(lián)
當前鏈接：http://weahome.cn/article/degsii.html