本机当前环境：

操作系统：Windows 10

// 软件版本
Vue.js    ： 2.9.6
Node.js   ： v12.13.0
HBuilderX ： 2.7.5.20200519
QQMusic   ： 17.77.5338.0714    // 锻炼听力专用
WeChat    ： 2.9.5.41           // 寻找对象专用

 * @description:  首页伪代码示例
 * @author:       zhc
 * @date:         2020-08-17 22:27:32

<template>
 <view class="container">
  <!-- loading动画 -->
  <mi-loading ref="loading" title="加载中" :hasMask="true"></mi-loading>
  <!-- 整个页面使用<scroll-view>标签 -->
  <scroll-view>

      
### 大图Logo及搜索 --正常编写
  <view class="topBar">
   <image src="~@/static/img/banner.png" mode="widthFix" class="response"></image>
   <view class="search-t">请输入关键字搜索</view>
   </view>  

      
### 轮播图 --使用的colorui的组件
   <swiper>
    <swiper-item v-for="(item,index) in swiperList" :key="index" :class="cardCur==index?'cur':''" @click="getBanner(item)">
     <view class="swiper-item">
      <image :src="item.url" mode="aspectFill" v-if="item.type=='image'"></image>
     </view>
    </swiper-item>
   </swiper>

      
### 电影列表 --写好样式，使用v-for循环添加，使用<uni-load-more>标签上拉加载更多
   <view class="movieH">豆瓣高分</view>
   <view class="movieBox">
   </view>
   <uni-load-more :status="listStatus" :contentText="contentText" v-if="loadStatu"></uni-load-more>
  </scroll-view>
 </view>
</template>
<script>
// onShareAppMessage函数作用是点击右上角分享小程序，可以配置分享的名称及成功或者失败后的回调函数
onShareAppMessage: function(res) {
 var that = this;
 return {
  title: '老赵的杂货铺',
  path: 'pages/index/index' ,
  success: function(res) {
   console.log("转发成功:" + JSON.stringify(res));
   that.shareClick();
  },
  fail: function(res) {
  console.log("转发失败:" + JSON.stringify(res));
  }
 }
}

// onReachBottom函数作用是页面触底触发的函数，当加载一定数量，提示没有更多了
onReachBottom: function() { 
 console.log('触底’')
 this.getmorenews()
}   

// 这里操作了Storage，把首页的图片和标题存储起来，用作详情页的背景图片和标题
getDate(item) {
 uni.setStorage({
  key: 'storage_bg',
 data: item.images.small,
 success: function() {
  console.log('item.images.small');
 }
 })
}
</script>

 * @description:  详情页面伪代码示例
 * @author:       zhc
 * @date:         2020-08-17 22:54:09

<template>  
### 电影大图
  <view class="detailBgMax">
   <view class="detailBg" :style="{backgroundImage: 'url(' + viewBg + ')'}">></view>
  </view>

  
### 简介、演职员及评论
  <scroll-view class="scrollBox">
    <text v-if="summarStatu">剧情简介: </text>
    <text v-if="summarStatu">演职员: </text>
    <text class="hTitle" v-if="summarStatu">精选评论</text>
        <!-- 评分标签使用的是uni自带的<uni-rate> -->
        <uni-rate></uni-rate>
  </scroll-view>

  
### 预告片
    <!-- #ifdef MP-WEIXIN || MP-BAIDU,条件注释语句，让预告片只在微信小程序上显示，因为当时使用uni-app把该项目代码打包成APP时视频出了一些问题，所以加了条件注释，让其只在微信小程序上显示 -->
  <!-- #ifdef MP-WEIXIN || MP-BAIDU -->
  <view style="width: 98%;margin: 0 auto;">预告片 / 剧照
   <video controls></video>
    </view>
  <!-- #endif -->
</template>
<script>
  // onLoad是当页面加载完毕执行，在这里读取了首页存储的图片和标题，
  // 我们通过UI图可以发现背景图会随着不同页面而变化，其实背景图就是首页存储的图片
  // 通过CSS属性 filter: blur(60rpx)，把图片处理成模糊的效果
  onLoad: function(option) {
  // 获取本地存储的图片
  uni.getStorage({
  key: 'storage_bg',
  success: function(res) {
  that.viewBg = res.data
 }
 });
}
</script>

 * @description:  搜索页面伪代码示例
 *  @author:      zhc
 * @date:         2020-08-17 23:40:13

<template>
### 搜索框
  <view style="background-color: #CAF2F2">
   <cu-custom :isBack="true">
        <input class="search-t" placeholder="请输入关键字搜索" @input="messagesearch"></input>
   </cu-custom>
  </view>


### 搜索之后的列表
  <scroll-view>
   <!-- 电影列表 -->
   <view class="movieH">搜索结果</view>
   <view class="movieBox">
    <view v-for="(item, index) in movieInfo" ></view>
   </view>
  </scroll-view>
</template>