微信小程序,欢迎页面的制作,微信小程序开发,微信小程序开发开始页面
微信小程序-小程序开发微信小程序欢迎页面:
中国万商网源码,vscode无法搜索,ubuntu reisub,苹果本 tomcat,sqlite3 排序规则,网站登陆模板插件,调用数据库的前端框架,黑色多足爬虫变蝴蝶,php 设计模式 pdf,建阳提供seo技术,新闻门户网站psd模板,手机网页仿,中国金融培训在线网站模板lzw
先看下最后的效果图: root锁手机源码,vscode更换中文字体,ubuntu 端口关闭,tomcat8 配置域名,爬虫天下 滴水,php json 类库,永州seo优化哪家公司好lzw
q群机器人源码,用vscode编写招聘表,ubuntu dia安装,tomcat类库报错,爬虫哪里进货,php ajax用户登录,做seo需要什么网页,pc 手机 微信网站 小程序源代码,织梦模板文章页模板lzw
首先打开开发工具,创建quick start项目,简单的修改一下。 把Index文件夹重命名为welcome;
底部的hello world改为一个类似于按钮的样式;
添加背景颜色; 修改顶部样式;
按钮的实现:
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;}
背景颜色的设置:
注意:在最外部的view设置宽高百分百,添加背景颜色是无效的。因为微信默认外面还有一层page。
所以需要这样写:
page{ height: 100%; background: #b3d4db;}
顶部设置:
app.jason
{ "pages":[ "pages/welcome/welcome" ], "window":{ "backgroundTextStyle":"light", "navigationBarBackgroundColor": "#b3d4db", "navigationBarTitleText": "欢迎", "navigationBarTextStyle":"black" }}