add file

commpents/buttom_navbar/index.js

@@ -0,0 +1,66 @@
+// commpents/buttom_navbar/index.js
+Page({
+
+  /**
+   * 页面的初始数据
+   */
+  data: {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面加载
+   */
+  onLoad(options) {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面初次渲染完成
+   */
+  onReady() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面显示
+   */
+  onShow() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面隐藏
+   */
+  onHide() {
+
+  },
+
+  /**
+   * 生命周期函数--监听页面卸载
+   */
+  onUnload() {
+
+  },
+
+  /**
+   * 页面相关事件处理函数--监听用户下拉动作
+   */
+  onPullDownRefresh() {
+
+  },
+
+  /**
+   * 页面上拉触底事件的处理函数
+   */
+  onReachBottom() {
+
+  },
+
+  /**
+   * 用户点击右上角分享
+   */
+  onShareAppMessage() {
+
+  }
+})

commpents/buttom_navbar/index.json

@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}

commpents/buttom_navbar/index.wxml

@@ -0,0 +1,5 @@
+<view class="bottom">
+  <view class="bottom_bar_item bottom_bar_item_0">0</view>
+  <view class="bottom_bar_item bottom_bar_item_1">1</view>
+  <view class="bottom_bar_item bottom_bar_item_2">2</view>
+</view>

commpents/buttom_navbar/index.wxss

@@ -0,0 +1,27 @@
+.bottom{
+  height: 100rpx;
+  width: 100vw;
+  position: fixed;
+  bottom: 0;
+  display: flex;
+  justify-content: space-around;
+  background-color: rgb(110, 241, 143);
+}
+.bottom_bar_item{
+  display: flex;
+  justify-items: center;
+  flex: 1;
+  height: 100%;
+  justify-content: center;
+  align-content: center;
+  align-items: center;
+}
+.bottom_bar_item_0{
+  background-color: rgb(236, 187, 112);
+}
+.bottom_bar_item_1{
+  background-color: rgb(245, 133, 99);
+}
+.bottom_bar_item_2{
+  background-color: rgb(101, 199, 238);
+}