微信小程序开发:

  1. wx.navigateTo()方法用于跳转页面
  1.  // 事件处理函数
  2.   bindViewTap() {
  3.     wx.navigateTo({
  4.       url: '../logs/logs'
  5.     })
  6.   }

wxss的基本使用

  1. /* pages/index/index.wxss */
  3. /*---------------------------------------------------*/
  4. /*wxss的基本使用*/
  5. /* 为view标签上下左右外边距都设置为20px*/
  6. /* view {
  7.     margin: 20px;
  8. }
  9. /*给类为container的标签设置样式*/
  10. /* .container {
  11.     margin: 20;
  12. } */
  13. /*在view标签的后面插入测试两个字*/
  14. /* view::after {
  15.     content: "测试";
  16. } */

rpx单位:

rxp单位能适应各种屏幕分辨率

  2. /*---------------------------------------------------*/
  3. /*rpx尺寸单位*/
  4. view {
  5.     margin: 50rpx;
  6. }
  7. input {
  8.     width: 600rpx;
  9.     margin-top: 20rpx;
  10.     border-bottom: 2rpx solid #ccc;
  11. }
  12. button {
  13.     margin: 50rpx;
  14. }

导入外联样式表:

  1. /*导入外联样式*/
  2. @import "text.wxss"

全局样式：

在根目录创建一个app.wxss，在里面写wxss样式会自动应用到index.wxml中。

页面级配置文件:

  1. {
  2.   /* 设置导航栏标题*/
  3.   "navigationBarTitleText": "数值比较",
  4.   /* 设置导航栏颜色*/
  5.   "navigationBarBackgroundColor": "#369",
  6.   "usingComponents": {}
  7. }