微信小程序商业级开发实战周记（一）

浪子三唱丶

于 2020-03-16 19:34:04 发布

阅读量930

点赞数

文章标签：小程序 android

本文链接：https://blog.csdn.net/GUANYI887/article/details/104906266

版权

本文介绍了微信小程序的商业级开发实战，详细列举了三个核心页面：流行、书单和喜欢的WXML及WXSS文件，是作者一周学习的记录。

摘要由CSDN通过智能技术生成

微信小程序商业级开发实战周记（一）

静态页面
- 流行
- 书单
- 喜欢

依照教学视频的建议，尝试依照设计图及已有DEMO制作测试项目

静态页面

主要分为三个页面：流行、书单、喜欢

流行

classic.wxml

<view class='container'>
  <view class='header'>
    <epsoide-cmp class="epsoide" index="{
  {classic.index}}" />
    <view class="like-container">
      <like-cmp bind:like="onLike" class="like" like="{
  {like}}" count="{
  {count}}" />
        <img-btn-cmp class="share-btn" open-type="share">
          <image class="share" slot="img" src="/images/icon/share.png" />
        </img-btn-cmp>
    </view>
  </view>
  <movie-cmp wx:if="{
  {classic.type==100}}" img="{
  {classic.image}}" content="{
  {classic.content}}" />
  <music-cmp wx:if="{
  {classic.type==200}}" img="{
  {classic.image}}" content="{
  {classic.content}}" src="{
  {classic.url}}" title="{
  {classic.title}}" />
  <essay-cmp wx:if="{
  {classic.type==300}}" img="{
  {classic.image}}" content="{
  {classic.content}}" />