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

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

先看下最后的效果圖：

首先打開開發工具，創建quick start項目，簡單的修改一下。

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

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

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

按鈕的實現：

welcome.wxml

 <view class="usermotto">
 <text class="btn">開啟小程序之旅</text>
 </view>

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;
}

背景顏色的設置：

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

所以需要這樣寫：

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

頂部設置：

app.jason

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

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

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

文章標題：微信小程序中如何制作歡迎頁面-創新互聯
文章轉載：http://www.js-pz168.com/article5/degsii.html

成都網站建設公司_創新互聯，為您提供品牌網站設計、網站導航、移動網站建設、建站公司、網站策劃、靜態網站

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯