From 4b658831794c155d009d41819b31f933c1f0c080 Mon Sep 17 00:00:00 2001
From: ktb <894671012@qq.com>
Date: Sun, 19 Feb 2017 19:40:58 +0800
Subject: [PATCH] =?UTF-8?q?=E9=97=AA=E5=AD=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/status/index.js   | 30 ++++++++++++++++++++++
 pages/status/index.json |  1 +
 pages/status/index.wxml | 55 +++++++++++++++++++++++++++++++++++++++++
 pages/status/index.wxss |  1 +
 4 files changed, 87 insertions(+)
 create mode 100644 pages/status/index.js
 create mode 100644 pages/status/index.json
 create mode 100644 pages/status/index.wxml
 create mode 100644 pages/status/index.wxss

diff --git a/pages/status/index.js b/pages/status/index.js
new file mode 100644
index 0000000..77ebc28
--- /dev/null
+++ b/pages/status/index.js
@@ -0,0 +1,30 @@
+// pages/status/index.js
+Page({
+  data:{
+     tabs: ["我的回应", "提到我的", "选项三"],
+        activeIndex: 0,
+        sliderOffset: 0,
+        sliderLeft: 0
+  },
+  onLoad:function(options){
+    // 页面初始化 options为页面跳转所带来的参数
+  },
+  tabClick: function (e) {
+        this.setData({
+            sliderOffset: e.currentTarget.offsetLeft,
+            activeIndex: e.currentTarget.id
+        });
+    },
+  onReady:function(){
+    // 页面渲染完成
+  },
+  onShow:function(){
+    // 页面显示
+  },
+  onHide:function(){
+    // 页面隐藏
+  },
+  onUnload:function(){
+    // 页面关闭
+  }
+})
\ No newline at end of file
diff --git a/pages/status/index.json b/pages/status/index.json
new file mode 100644
index 0000000..9e26dfe
--- /dev/null
+++ b/pages/status/index.json
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/pages/status/index.wxml b/pages/status/index.wxml
new file mode 100644
index 0000000..eef3fb6
--- /dev/null
+++ b/pages/status/index.wxml
@@ -0,0 +1,55 @@
+<!--pages/status/index.wxml  闪存-->
+
+<!--选项卡-->
+
+<!--闪存列表-->
+<view class="page">
+      <view class="page__bd">
+        <view class="weui-tab">
+            <view class="weui-navbar">
+                <block wx:for-items="{{tabs}}" wx:key="{{index}}">
+                    <view id="{{index}}" class="weui-navbar__item {{activeIndex == index ? 'weui-bar__item_on' : ''}}" bindtap="tabClick">
+                        <view class="weui-navbar__title">{{item}}</view>
+                    </view>
+                </block>
+                <view class="weui-navbar__slider" style="left: {{sliderLeft}}px; transform: translateX({{sliderOffset}}px); -webkit-transform: translateX({{sliderOffset}}px);"></view>
+            </view>
+            <view class="weui-tab__panel">
+                <view class="weui-tab__content" hidden="{{activeIndex != 0}}">
+                <view class="weui-panel weui-panel_access">
+            
+            <view class="weui-panel__bd">
+                <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+                        <image class="weui-media-box__thumb" src="../../images/sample_face.gif" />
+                    </view>
+                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+                        <view class="weui-media-box__title">用户名一</view>
+                        <view class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</view>
+                        <view class="weui-media-box__info">
+                        <view class="weui-media-box__info__meta">文字来源</view>
+                        <view class="weui-media-box__info__meta">时间</view>
+                        <navigator url="url">
+                        <view class="weui-media-box__info__meta">{回应数量}回应</view>
+                        </navigator>
+                    </view>
+                    </view>
+                </navigator>
+                <navigator url="" class="weui-media-box weui-media-box_appmsg" hover-class="weui-cell_active">
+                    <view class="weui-media-box__hd weui-media-box__hd_in-appmsg">
+                        <image class="weui-media-box__thumb" src="../../images/sample_face.gif" />
+                    </view>
+                    <view class="weui-media-box__bd weui-media-box__bd_in-appmsg">
+                        <view class="weui-media-box__title">用户名二</view>
+                        <view class="weui-media-box__desc">由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。</view>
+                    </view>
+                </navigator>
+            </view>
+        </view>
+                </view>
+                <view class="weui-tab__content" hidden="{{activeIndex != 1}}">选项二的内容</view>
+                <view class="weui-tab__content" hidden="{{activeIndex != 2}}">选项三的内容</view>
+            </view>
+        </view>
+    </view>
+</view>
diff --git a/pages/status/index.wxss b/pages/status/index.wxss
new file mode 100644
index 0000000..56c6793
--- /dev/null
+++ b/pages/status/index.wxss
@@ -0,0 +1 @@
+/* pages/status/index.wxss */
\ No newline at end of file
-- 
Gitee