20200610

app.wxss

@@ -7,5 +7,5 @@
   justify-content: space-between;
   /* padding: 200rpx 0; */
   box-sizing: border-box;
-  /* background-color: #000000; */
+  background-color: #000000;
 } 

pages/index/index.wxml

@@ -8,7 +8,13 @@
     </block> -->
     <image class="imageSize" src="{{url}}" mode="widthFix"></image>
   </view>
-  <view class="usermotto">
-    <text class="user-motto">{{motto}}</text>
+  <view class="search">
+    <input class="weui-input" placeholder="请输入板块代码"/>
+    <view class="weui-search-bar__cancel-btn" bindtap='方法名a'>
+      <icon class="weui-icon-search_in-box" type="search" size="20"></icon>
+    </view>
+  </view>
+  <view class="news">
+    <text class="news-today">今日快讯</text>
   </view>
 </view>

pages/index/index.wxss

@@ -1,20 +1,48 @@
 /**index.wxss**/
 .userinfo {
   width:100%;
-  /* display: flex; */
-  /* flex-direction: column; */
-  /* align-items: center; */
+  display: flex;
+  flex-direction: column;
+  align-items: center;
 }
 .imageSize{
   width: 100%;
 }
+.search{
+  margin-top: -50rpx;
+  background-color: #fff;
+  border: 1rpx solid #fff;
+  border-radius: 10rpx;
+  align-items: center;
+  width:90%;
+  height: 80rpx;
+  display: flex;
+  flex-direction: row;
+  justify-content:space-between;
+  align-items: center;
+  
+}
+.weui-input{
+  margin-left: 30rpx;
+  height: 100%;
+}
+.weui-search-bar__cancel-btn{
+  margin-right: 40rpx;
+}
+.news{
+  margin-top:20rpx;
+  width:90%;
+}
+.news-today{
+  color: #fff;
+  font-size: 40rpx;
+}
 .userinfo-avatar {
   width: 128rpx;
   height: 128rpx;
   margin: 20rpx;
   border-radius: 50%;
 }
-
 .userinfo-nickname {
   color: #aaa;
 }