样式调整

README.md

@@ -16,6 +16,9 @@ https://mp.weixin.qq.com/debug/wxadoc/dev/?t=20161107
 - 项目预览体验
 
 
+![zhihudaily-weapp.gif](http://upload-images.jianshu.io/upload_images/1410006-3d284988d34cb4fd.gif?imageMogr2/auto-orient/strip)
+
+
 
 # 必须掌握的几个知识点
 

components/comments/comments.wxml

@@ -9,7 +9,7 @@
             <view>
                 <view class="fl_left">{{author}}</view>
                 <view class="fl_right">
-                    <image src="../../images/ico_like.png" style="width:22px;height:22px;"></image>
+                    <image src="../../images/ic_answer_like_normal.png" style="width:22px;height:22px;"></image>
                     {{likes}}
                 </view>
                 <view class="clearfix"></view>

pages/detail/detail.wxml

@@ -16,16 +16,15 @@
     </view>
 
     <!--额外信息-->
-    <view style="background-color:#4abdcc;position:fixed;bottom:0;width:100%;padding:5px;height:42px;">
-        <view id="{{newsid}}" class="fl_left" bindtap="showComments">
+    <view style="background-color:#4abdcc;position:fixed;bottom:0;width:100%;padding:5px;height:42px;color:#fff;display:flex;flex-direction:row-reverse;">
+        <view id="{{newsid}}" class="" style="" bindtap="doLike" style="margin-right: 20px;height:42px;line-height:42px;">
             <image src="../../images/ico_like.png" style="width:22px;height:22px;"></image>
-            {{comments}}
+           <text>{{popularity}}</text>
         </view>
-        <view id="{{newsid}}" class="fl_left" style="" bindtap="doLike">
-            <image src="../../images/ico_like_actived.png" style="width:22px;height:22px;"></image>
-            {{popularity}}
+        <view id="{{newsid}}" class="" bindtap="showComments" style="margin-right: 10px;height:42px;line-height:42px;">
+            <image src="../../images/ico_answer.png" style="width:22px;height:22px;"></image>
+            <text>{{comments}}</text>
         </view>
-        <view class="clearfix"></view>
     </view>
 
 </view>

pages/section/section.js

@@ -15,7 +15,7 @@ Page({
         description:"",
         themeimage:"",
         editors:"",
-        themesid:""
+        curNav:""
     },
     onLoad:function(){
         this.getThemes();
@@ -68,7 +68,7 @@ Page({
                     description:res.data.description,
                     themeimage:res.data.image,
                     editors:res.data.editors,
-                    themesid:themeid //更新当前选中专栏id  用于在前台页面进行比对
+                    curNav:themeid //更新当前选中专栏id  用于在前台页面进行比对
                 })
 
                 //更新主题标题栏

pages/section/section.wxml

@@ -9,13 +9,7 @@
         <!--专栏tab选项卡-->
         <scroll-view scroll-x="true" class="section_tabs">
             <block wx:for="{{themes}}" wx:for-index="index" wx:for-item="item">
-            <!--对比当前选中的主题id-->
-               <block  wx:if="{{themesid == item.id}}">
-                       <view id="{{item.id}}" bindtap="toGetThemesContent" class="section_tabs_item actived">{{item.name}}</view>
-               </block >
-                <block  wx:else> 
-                   <view id="{{item.id}}" bindtap="toGetThemesContent" class="section_tabs_item">{{item.name}}</view>
-                </block >
+                <view id="{{item.id}}" bindtap="toGetThemesContent" class="section_tabs_item {{curNav == item.id ? 'actived' : ''}}">{{item.name}}</view>
             </block>
         </scroll-view>
 

pages/section/section.wxss

@@ -14,8 +14,8 @@
 }
 
 .section_tabs .actived{
-   color: #42bd56;
-    border-bottom: #42bd56 solid 2px;
+   color: #4abdcc;
+    border-bottom: #4abdcc solid 2px;
 }