微信小程序欢迎界面的制作
2017-06-17 21:58
302 查看
新建一个页面,包含.js,.json,.wxml,.wxss文件
页面.wxml文件
页面.wxss文件
注意:在最外部的view设置宽高百分百,添加背景颜色是无效的。因为微信默认外面还有一层page。
所以需要这样写:
顶部设置:
app.jason
页面.wxml文件
<view class="usermotto"> <text class="btn">开启小程序之旅</text> </view>
页面.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" } }
相关文章推荐
- 微信小程序-欢迎界面
- [界面]程序启动欢迎窗体(Splash) 制作方法(附原码)
- VC2010 MFC程序制作Flash动画欢迎界面
- 微信小程序 欢迎界面开发的实例详解
- 微信小程序-欢迎界面
- 微信小程序 欢迎页面的制作(源码下载)
- 微信小程序 欢迎界面开发的实例详解
- [界面]程序启动欢迎窗体(Splash) 制作方法(附原码)
- Delphi : 制作程序启动欢迎界面
- 程序启动前的欢迎界面+设置 屏幕分辨率
- MFC制作程序界面锁定 .
- 用VC纯资源dll制作多语言界面程序
- 使用exe4j 制作java启动程序的 等候界面
- MFC制作程序界面锁定
- 用VC纯资源dll制作多语言界面程序
- 热门手机应用界面分析--微信欢迎页面
- 用Qt制作mdl程序启动界面
- 如何制作带有SPLASH界面的程序
- 让python在android系统上飞一会儿:第四节 使用WebView制作程序界面
- C#制作欢迎界面