【微信小程序】新闻频道效果(75/100）

在这里插入图片描述
wxml：

<!--pages/channelMore/channelMore.wxml-->
<scroll-view class="scroll-view_H" scroll-x="true">
  <view class="scroll-view_H">
    <view>
      <view class="{{flag==0?'select':'normal'}}" id="0" bindtap="switchNav">推荐</view>
    </view>

    <view>
      <view class="{{flag==1?'select':'normal'}}" id="1" bindtap="switchNav">热点</view>
    </view>
    <view>
      <view class="{{flag==2?'select':'normal'}}" id="2" bindtap="switchNav">北京</view>
    </view>
    <view>
      <view class="{{flag==3?'select':'normal'}}" id="3" bindtap="switchNav">社会</view>
    </view>

    <view>
      <view class="{{flag==4?'select':'normal'}}" id="4" bindtap="switchNav">娱乐</view>
    </view>
    <view>
      <view class="{{flag==5?'select':'normal'}}" id="5" bindtap="switchNav">问答</view>
    </view>
    <view>
      <view class="{{flag==6?'select':'normal'}}" id="6" bindtap="switchNav">图片</view>
    </view>
    <view>
      <view class="{{flag==6?'select':'normal'}}" id="6" bindtap="switchNav">科技</view>
    </view>
    <view>
      <view class="{{flag==6?'select':'normal'}}" id="6" bindtap="switchNav">汽车</view>
    </view>
    <view>
      <view class="{{flag==6?'select':'normal'}}" id="6" bindtap="switchNav">体育</view>
    </view>


  </view>

</scroll-view>
<include src="../command/footer.wxml"/>

demo搞搞效果，没用动态数据。正式项目开发一般是一个循环数组解决

wxss：

/* pages/channelMore/channelMore.wxss */

.scroll-view_H{
  height: 40px;
  flex-direction: row;
  display: flex;
  margin-left: 5px;
}

.normal{
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
}

.select{
  width: 40px;
  height: 40px;
  line-height: 40px;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 14px;
  font-weight: bold;
}

数据模型：

// pages/channelMore/channelMore.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    flag:0
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {

  },

自研产品推荐

历时一年半多开发终于smartApi-v1.0.0版本在2023-09-15晚十点正式上线
smartApi是一款对标国外的postman的api调试开发工具，由于开发人力就作者一个所以人力有限，因此v1.0.0版本功能进行精简，大功能项有：

api参数填写
api请求响应数据展示
PDF形式的分享文档
Mock本地化解决方案
api列表数据本地化处理
再加上UI方面的打磨

为了更好服务大家把之前的公众号和软件激活结合，如有疑问请大家反馈到公众号即可，下个版本30%以上的更新会来自公众号的反馈。
嗯！先解释不上服务端原因，API调试工具的绝大多数时候就是一个数据模型、数据处理、数据模型理解共识的问题解决工具，所以作者结合自己十多年开发使用的一些痛点来打造的，再加上服务端开发一般是面向企业的，作者目前没有精力和时间去打造企业服务。再加上没有资金投入所以服务端开发会滞后，至于什么时候会进行开发，这个要看募资情况和用户反馈综合考虑。虽然目前国内有些比较知名的api工具了，但作者使用后还是觉得和实际使用场景不符。如果有相关吐槽也可以在作者的公众号里反馈蛤！
下面是一段smartApi使用介绍：
在这里插入图片描述