components/imgList.vue

@@ -0,0 +1,65 @@
+<template>
+  <view class="list">
+    <uni-card padding="0" spacing="0" type="line">
+      <template v-slot:cover>
+        <view class="custom-cover">
+          <image class="cover-image" mode="aspectFill" :src="cover">
+          </image>
+          <view class="cover-content">
+            <text class="uni-subtitle uni-white">{{ name }}</text>
+          </view>
+        </view>
+      </template>
+      <uni-list>
+        <uni-list-item v-for="(item, index) in data" :key="index" :title="item.title" showArrow
+          @click="onClick"
+          :thumb="`${baseurl}${item.thumbnail}`"
+          thumb-size="lg" rightText="详情" />
+      </uni-list>
+    </uni-card>
+  </view>
+</template>
+
+<script>
+export default {
+  props: {
+    // 数据内容
+    data: { type: Array, default: () => [] },
+    name: { type: String, default: '默认title' },
+    // 图片地址
+    cover: { type: String, default: '' }
+  },
+  computed: {},
+  data() {
+    return {
+      baseurl: 'http://192.168.3.45:9002',
+    };
+  },
+  async mounted() {},
+  methods: {
+    async onClick(e) {
+      console.log(e);
+    }
+  },
+};
+</script>
+<style lang="scss" scoped>
+.cover-image {
+  width: 100%;
+  height: 150px;
+}
+.cover-content {
+  position: absolute;
+  top: 35%;
+  width: 100%;
+  background: #000;
+  opacity: 0.5;
+}
+.uni-subtitle {
+  line-height: 30px;
+  margin-left: 10px;
+}
+.list {
+  margin-top: 15px;
+}
+</style>

components/list.vue

@@ -1,24 +1,11 @@
 <template>
   <view class="list">
     <uni-card padding="0" spacing="0" type="line">
-      <view v-if="!titleImg">
-        <template v-slot:title>
-          <uni-list>
-						<uni-list-item :title="name"/>
-					</uni-list>
-        </template>
-      </view>
-      <view v-if="titleImg">
-        <template v-slot:cover>
-          <view class="custom-cover">
-            <image class="cover-image" mode="aspectFill" :src="cover">
-            </image>
-            <view class="cover-content">
-              <text class="uni-subtitle uni-white">{{ name }}</text>
-            </view>
-          </view>
-        </template>
-      </view>
+      <template v-slot:title>
+        <uni-list>
+          <uni-list-item :title="name"/>
+        </uni-list>
+      </template>
       <uni-list>
         <uni-list-item v-for="(item, index) in data" :key="index" :title="item.title" showArrow
           @click="onClick"
@@ -35,10 +22,6 @@ export default {
     // 数据内容
     data: { type: Array, default: () => [] },
     name: { type: String, default: '默认title' },
-    // 是否启用图片卡片
-    titleImg: { type: Boolean, default: false },
-    // 图片地址
-    cover: { type: String, default: '' }
   },
   computed: {},
   data() {

main.js

@@ -7,12 +7,14 @@ import store from './store';
 import NavBar from './components/nav-bar.vue'
 import baner from './components/swiper-baner.vue'
 import list from './components/list.vue'
+import imgList from './components/imgList.vue'
 Vue.config.productionTip = false
 App.mpType = 'app'
 
 Vue.component('navbar', NavBar)
 Vue.component('baner', baner)
 Vue.component('list', list)
+Vue.component('imgList', imgList)
 const app = new Vue({
   store,
   ...App

pages/index/index.vue

@@ -2,7 +2,7 @@
 	<view class="container">
     <navbar></navbar>
     <baner></baner>
-	  <list :name="'期刊内容'" :data="contentList" :cover="cover" :titleImg="true"></list>
+	  <imgList :name="'期刊内容'" :data="contentList" :cover="cover"></imgList>
     <list :name="'新闻内容'" :data="contentList"></list>
 	</view>
 </template>

pages/journal/index.vue

@@ -1,7 +1,40 @@
 <template>
 	<view class="container">
-		<view class="intro">杂志</view>
-		<text class="intro">详见：杂志</text>
+    <navbar></navbar>
+    <baner></baner>
+    <!-- 管理智慧 -->
+		<uni-group title="管理智慧" margin-top="20">
+			<uni-grid :column="3" :highlight="true" @change="change">
+				<uni-grid-item v-for="(item, index) in 3" :index="index" :key="index">
+					<view class="grid-item-box" style="background-color: #fff;">
+						<uni-icons type="image" :size="30" color="#777" />
+						<text class="text">文本信息</text>
+					</view>
+				</uni-grid-item>
+			</uni-grid>
+		</uni-group>
+    <!-- 财富生活 -->
+    <uni-group title="财富生活" margin-top="20">
+			<uni-grid :column="3" :highlight="true" @change="change">
+				<uni-grid-item v-for="(item, index) in 3" :index="index" :key="index">
+					<view class="grid-item-box" style="background-color: #fff;">
+						<uni-icons type="image" :size="30" color="#777" />
+						<text class="text">文本信息</text>
+					</view>
+				</uni-grid-item>
+			</uni-grid>
+		</uni-group>
+    <!-- 才智青年 -->
+    <uni-group title="才智青年" margin-top="20">
+      <uni-grid :column="3" :highlight="true" @change="change">
+        <uni-grid-item v-for="(item, index) in 3" :index="index" :key="index">
+          <view class="grid-item-box" style="background-color: #fff;">
+            <uni-icons type="image" :size="30" color="#777" />
+            <text class="text">文本信息</text>
+          </view>
+        </uni-grid-item>
+      </uni-grid>
+    </uni-group>
 	</view>
 </template>
 
@@ -17,9 +50,9 @@
 </script>
 
 <style>
-	.container {
-		padding: 20px;
-		font-size: 14px;
-		line-height: 24px;
-	}
+.container {
+  width: 100%;
+  margin: 0;
+  padding: 0;
+}
 </style>

unpackage/dist/dev/mp-weixin/app.json

@@ -64,7 +64,7 @@
   "usingComponents": {
     "navbar": "/components/nav-bar",
     "baner": "/components/swiper-baner",
-    "list": "/components/list"
-  },
-  "sitemapLocation": "sitemap.json"
+    "list": "/components/list",
+    "img-list": "/components/imgList"
+  }
 }

unpackage/dist/dev/mp-weixin/common/vendor.js

@@ -941,7 +941,7 @@ function initData(vueOptions, context) {
     try {
       data = data.call(context); // 支持 Vue.prototype 上挂的数据
     } catch (e) {
-      if (Object({"VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"NODE_ENV":"development","VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.warn('根据 Vue 的 data 函数初始化小程序 data 失败，请尽量确保 data 函数中不访问 vm 对象，否则可能影响首次数据渲染速度。', data);
       }
     }
@@ -11106,7 +11106,7 @@ function type(obj) {
 
 function flushCallbacks$1(vm) {
     if (vm.__next_tick_callbacks && vm.__next_tick_callbacks.length) {
-        if (Object({"VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
+        if (Object({"NODE_ENV":"development","VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:flushCallbacks[' + vm.__next_tick_callbacks.length + ']');
@@ -11127,14 +11127,14 @@ function nextTick$1(vm, cb) {
     //1.nextTick 之前 已 setData 且 setData 还未回调完成
     //2.nextTick 之前存在 render watcher
     if (!vm.__next_tick_pending && !hasRenderWatcher(vm)) {
-        if(Object({"VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"NODE_ENV":"development","VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + vm._uid +
                 ']:nextVueTick');
         }
         return nextTick(cb, vm)
     }else{
-        if(Object({"VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG){
+        if(Object({"NODE_ENV":"development","VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG){
             var mpInstance$1 = vm.$scope;
             console.log('[' + (+new Date) + '][' + (mpInstance$1.is || mpInstance$1.route) + '][' + vm._uid +
                 ']:nextMPTick');
@@ -11220,7 +11220,7 @@ var patch = function(oldVnode, vnode) {
     });
     var diffData = this.$shouldDiffData === false ? data : diff(data, mpData);
     if (Object.keys(diffData).length) {
-      if (Object({"VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","NODE_ENV":"development","BASE_URL":"/"}).VUE_APP_DEBUG) {
+      if (Object({"NODE_ENV":"development","VUE_APP_NAME":"magazine-web","VUE_APP_PLATFORM":"mp-weixin","BASE_URL":"/"}).VUE_APP_DEBUG) {
         console.log('[' + (+new Date) + '][' + (mpInstance.is || mpInstance.route) + '][' + this._uid +
           ']差量更新',
           JSON.stringify(diffData));

unpackage/dist/dev/mp-weixin/components/imgList.json

@@ -0,0 +1,8 @@
+{
+  "usingComponents": {
+    "uni-card": "/uni_modules/uni-card/components/uni-card/uni-card",
+    "uni-list": "/uni_modules/uni-list/components/uni-list/uni-list",
+    "uni-list-item": "/uni_modules/uni-list/components/uni-list-item/uni-list-item"
+  },
+  "component": true
+}

unpackage/dist/dev/mp-weixin/components/imgList.wxss

@@ -0,0 +1,22 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.cover-image.data-v-bbb229d4 {
+  width: 100%;
+  height: 150px;
+}
+.cover-content.data-v-bbb229d4 {
+  position: absolute;
+  top: 35%;
+  width: 100%;
+  background: #000;
+  opacity: 0.5;
+}
+.uni-subtitle.data-v-bbb229d4 {
+  line-height: 30px;
+  margin-left: 10px;
+}
+.list.data-v-bbb229d4 {
+  margin-top: 15px;
+}
+

unpackage/dist/dev/mp-weixin/components/list.js

@@ -76,10 +76,44 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "staticRenderFns", function() { return staticRenderFns; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
-var render = function () {}
-var staticRenderFns = []
-var recyclableRender
 var components
+try {
+  components = {
+    uniCard: function() {
+      return __webpack_require__.e(/*! import() | uni_modules/uni-card/components/uni-card/uni-card */ "uni_modules/uni-card/components/uni-card/uni-card").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-card/components/uni-card/uni-card.vue */ 112))
+    },
+    uniList: function() {
+      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list/uni-list */ "uni_modules/uni-list/components/uni-list/uni-list").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list/uni-list.vue */ 83))
+    },
+    uniListItem: function() {
+      return __webpack_require__.e(/*! import() | uni_modules/uni-list/components/uni-list-item/uni-list-item */ "uni_modules/uni-list/components/uni-list-item/uni-list-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-list/components/uni-list-item/uni-list-item.vue */ 90))
+    }
+  }
+} catch (e) {
+  if (
+    e.message.indexOf("Cannot find module") !== -1 &&
+    e.message.indexOf(".vue") !== -1
+  ) {
+    console.error(e.message)
+    console.error("1. 排查组件名称拼写是否正确")
+    console.error(
+      "2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"
+    )
+    console.error(
+      "3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件"
+    )
+  } else {
+    throw e
+  }
+}
+var render = function() {
+  var _vm = this
+  var _h = _vm.$createElement
+  var _c = _vm._self._c || _h
+}
+var recyclableRender = false
+var staticRenderFns = []
+render._withStripped = true
 
 
 
@@ -127,29 +161,12 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
 //
 //
 //
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
 var _default2 =
 {
   props: {
     // 数据内容
     data: { type: Array, default: function _default() {return [];} },
-    name: { type: String, default: '默认title' },
-    // 是否启用图片卡片
-    titleImg: { type: Boolean, default: false },
-    // 图片地址
-    cover: { type: String, default: '' } },
+    name: { type: String, default: '默认title' } },
 
   computed: {},
   data: function data() {

unpackage/dist/dev/mp-weixin/pages/index/index.wxml

@@ -1 +1 @@
-<view class="container"><navbar vue-id="8dd740cc-1" bind:__l="__l"></navbar><baner vue-id="8dd740cc-2" bind:__l="__l"></baner><list vue-id="8dd740cc-3" name="期刊内容" data="{{contentList}}" cover="{{cover}}" titleImg="{{true}}" bind:__l="__l"></list><list vue-id="8dd740cc-4" name="新闻内容" data="{{contentList}}" bind:__l="__l"></list></view>
+<view class="container"><navbar vue-id="8dd740cc-1" bind:__l="__l"></navbar><baner vue-id="8dd740cc-2" bind:__l="__l"></baner><img-list vue-id="8dd740cc-3" name="期刊内容" data="{{contentList}}" cover="{{cover}}" bind:__l="__l"></img-list><list vue-id="8dd740cc-4" name="新闻内容" data="{{contentList}}" bind:__l="__l"></list></view>

unpackage/dist/dev/mp-weixin/pages/journal/index.js

@@ -93,6 +93,38 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "recyclableRender", function() { return recyclableRender; });
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "components", function() { return components; });
 var components
+try {
+  components = {
+    uniGroup: function() {
+      return __webpack_require__.e(/*! import() | uni_modules/uni-group/components/uni-group/uni-group */ "uni_modules/uni-group/components/uni-group/uni-group").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-group/components/uni-group/uni-group.vue */ 164))
+    },
+    uniGrid: function() {
+      return __webpack_require__.e(/*! import() | uni_modules/uni-grid/components/uni-grid/uni-grid */ "uni_modules/uni-grid/components/uni-grid/uni-grid").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-grid/components/uni-grid/uni-grid.vue */ 172))
+    },
+    uniGridItem: function() {
+      return __webpack_require__.e(/*! import() | uni_modules/uni-grid/components/uni-grid-item/uni-grid-item */ "uni_modules/uni-grid/components/uni-grid-item/uni-grid-item").then(__webpack_require__.bind(null, /*! @/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.vue */ 179))
+    },
+    uniIcons: function() {
+      return Promise.all(/*! import() | uni_modules/uni-icons/components/uni-icons/uni-icons */[__webpack_require__.e("common/vendor"), __webpack_require__.e("uni_modules/uni-icons/components/uni-icons/uni-icons")]).then(__webpack_require__.bind(null, /*! @/uni_modules/uni-icons/components/uni-icons/uni-icons.vue */ 104))
+    }
+  }
+} catch (e) {
+  if (
+    e.message.indexOf("Cannot find module") !== -1 &&
+    e.message.indexOf(".vue") !== -1
+  ) {
+    console.error(e.message)
+    console.error("1. 排查组件名称拼写是否正确")
+    console.error(
+      "2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom"
+    )
+    console.error(
+      "3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件"
+    )
+  } else {
+    throw e
+  }
+}
 var render = function() {
   var _vm = this
   var _h = _vm.$createElement
@@ -137,6 +169,39 @@ Object.defineProperty(exports, "__esModule", { value: true });exports.default =
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 var _default =
 {
   data: function data() {

unpackage/dist/dev/mp-weixin/pages/journal/index.json

@@ -1,3 +1,8 @@
 {
-  "usingComponents": {}
+  "usingComponents": {
+    "uni-group": "/uni_modules/uni-group/components/uni-group/uni-group",
+    "uni-grid": "/uni_modules/uni-grid/components/uni-grid/uni-grid",
+    "uni-grid-item": "/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item",
+    "uni-icons": "/uni_modules/uni-icons/components/uni-icons/uni-icons"
+  }
 }

unpackage/dist/dev/mp-weixin/pages/journal/index.wxss

@@ -1,7 +1,7 @@
 
 .container {
-	padding: 20px;
-	font-size: 14px;
-	line-height: 24px;
+  width: 100%;
+  margin: 0;
+  padding: 0;
 }
 

unpackage/dist/dev/mp-weixin/project.config.json

@@ -31,7 +31,8 @@
       "outputPath": ""
     },
     "disableUseStrict": false,
-    "useCompilerPlugins": false
+    "useCompilerPlugins": false,
+    "minifyWXML": true
   },
   "compileType": "miniprogram",
   "libVersion": "2.23.2",

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid-item/uni-grid-item.wxss

@@ -0,0 +1,29 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.uni-grid-item {
+  height: 100%;
+  display: flex;
+}
+.uni-grid-item__box {
+  display: flex;
+  width: 100%;
+  position: relative;
+  flex: 1;
+  flex-direction: column;
+}
+.uni-grid-item--border {
+  position: relative;
+  z-index: 0;
+  border-bottom: 1px #D2D2D2 solid;
+  border-right: 1px #D2D2D2 solid;
+}
+.uni-grid-item--border-top {
+  position: relative;
+  border-top: 1px #D2D2D2 solid;
+  z-index: 0;
+}
+.uni-highlight:active {
+  background-color: #f1f1f1;
+}
+

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid/uni-grid.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid/uni-grid.wxml

@@ -0,0 +1 @@
+<view class="uni-grid-wrap"><view class="{{['uni-grid','vue-ref',(showBorder)?'uni-grid--border':'']}}" style="{{'border-left-color:'+(borderColor)+';'}}" id="{{elId}}" data-ref="uni-grid"><slot></slot></view></view>

unpackage/dist/dev/mp-weixin/uni_modules/uni-grid/components/uni-grid/uni-grid.wxss

@@ -0,0 +1,19 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.uni-grid-wrap {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.uni-grid {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+}
+.uni-grid--border {
+  position: relative;
+  z-index: 1;
+  border-left: 1px #D2D2D2 solid;
+}
+

unpackage/dist/dev/mp-weixin/uni_modules/uni-group/components/uni-group/uni-group.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/uni_modules/uni-group/components/uni-group/uni-group.wxml

@@ -0,0 +1 @@
+<view class="{{['uni-group','uni-group--'+mode,margin?'group-margin':'']}}" style="{{'margin-top:'+(top+'px')+';'}}"><block wx:if="{{$slots.title}}"><slot name="title"></slot></block><block wx:else><block wx:if="{{title}}"><view class="uni-group__title" style="{{'padding-left:'+(border?'30px':'15px')+';'}}"><text class="uni-group__title-text">{{title}}</text></view></block></block><view class="{{['uni-group__content',(border)?'group-conent-padding':'']}}"><slot></slot></view></view>

unpackage/dist/dev/mp-weixin/uni_modules/uni-group/components/uni-group/uni-group.wxss

@@ -0,0 +1,38 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.uni-group {
+  background: #fff;
+  margin-top: 10px;
+}
+.uni-group__title {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding-left: 15px;
+  height: 40px;
+  background-color: #eee;
+  font-weight: normal;
+  color: #666;
+}
+.uni-group__content {
+  padding: 15px;
+}
+.group-conent-padding {
+  padding: 0 15px;
+}
+.uni-group__title-text {
+  font-size: 14px;
+  color: #666;
+}
+.distraction {
+  flex-direction: row;
+  align-items: center;
+}
+.uni-group--card {
+  margin: 10px;
+  border-radius: 5px;
+  overflow: hidden;
+  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.08);
+}
+

unpackage/dist/dev/mp-weixin/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.bak.json

@@ -0,0 +1,4 @@
+{
+  "usingComponents": {},
+  "component": true
+}

unpackage/dist/dev/mp-weixin/uni_modules/uni-load-more/components/uni-load-more/uni-load-more.wxss

@@ -0,0 +1,299 @@
+@charset "UTF-8";
+/* 水平间距 */
+/* 水平间距 */
+.uni-load-more {
+  display: flex;
+  flex-direction: row;
+  height: 40px;
+  align-items: center;
+  justify-content: center;
+}
+.uni-load-more__text {
+  font-size: 14px;
+  margin-left: 8px;
+}
+.uni-load-more__img {
+  width: 24px;
+  height: 24px;
+}
+.uni-load-more__img--nvue {
+  color: #666666;
+}
+.uni-load-more__img--android,
+.uni-load-more__img--ios {
+  width: 24px;
+  height: 24px;
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+}
+.uni-load-more__img--android {
+  -webkit-animation: loading-ios 1s 0s linear infinite;
+          animation: loading-ios 1s 0s linear infinite;
+}
+@-webkit-keyframes loading-android {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@keyframes loading-android {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+.uni-load-more__img--ios-H5 {
+  position: relative;
+  -webkit-animation: loading-ios-H5 1s 0s step-end infinite;
+          animation: loading-ios-H5 1s 0s step-end infinite;
+}
+.uni-load-more__img--ios-H5 image {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  left: 0;
+  top: 0;
+}
+@-webkit-keyframes loading-ios-H5 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+8% {
+    -webkit-transform: rotate(30deg);
+            transform: rotate(30deg);
+}
+16% {
+    -webkit-transform: rotate(60deg);
+            transform: rotate(60deg);
+}
+24% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+}
+32% {
+    -webkit-transform: rotate(120deg);
+            transform: rotate(120deg);
+}
+40% {
+    -webkit-transform: rotate(150deg);
+            transform: rotate(150deg);
+}
+48% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+}
+56% {
+    -webkit-transform: rotate(210deg);
+            transform: rotate(210deg);
+}
+64% {
+    -webkit-transform: rotate(240deg);
+            transform: rotate(240deg);
+}
+73% {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg);
+}
+82% {
+    -webkit-transform: rotate(300deg);
+            transform: rotate(300deg);
+}
+91% {
+    -webkit-transform: rotate(330deg);
+            transform: rotate(330deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@keyframes loading-ios-H5 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+8% {
+    -webkit-transform: rotate(30deg);
+            transform: rotate(30deg);
+}
+16% {
+    -webkit-transform: rotate(60deg);
+            transform: rotate(60deg);
+}
+24% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+}
+32% {
+    -webkit-transform: rotate(120deg);
+            transform: rotate(120deg);
+}
+40% {
+    -webkit-transform: rotate(150deg);
+            transform: rotate(150deg);
+}
+48% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+}
+56% {
+    -webkit-transform: rotate(210deg);
+            transform: rotate(210deg);
+}
+64% {
+    -webkit-transform: rotate(240deg);
+            transform: rotate(240deg);
+}
+73% {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg);
+}
+82% {
+    -webkit-transform: rotate(300deg);
+            transform: rotate(300deg);
+}
+91% {
+    -webkit-transform: rotate(330deg);
+            transform: rotate(330deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+.uni-load-more__img--android-MP {
+  position: relative;
+  width: 24px;
+  height: 24px;
+  -webkit-transform: rotate(0deg);
+          transform: rotate(0deg);
+  -webkit-animation: loading-ios 1s 0s ease infinite;
+          animation: loading-ios 1s 0s ease infinite;
+}
+.uni-load-more__img--android-MP .uni-load-more__img-icon {
+  position: absolute;
+  box-sizing: border-box;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  border: solid 2px transparent;
+  border-top: solid 2px #777777;
+  -webkit-transform-origin: center;
+          transform-origin: center;
+}
+.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(1) {
+  -webkit-animation: loading-android-MP-1 1s 0s linear infinite;
+          animation: loading-android-MP-1 1s 0s linear infinite;
+}
+.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(2) {
+  -webkit-animation: loading-android-MP-2 1s 0s linear infinite;
+          animation: loading-android-MP-2 1s 0s linear infinite;
+}
+.uni-load-more__img--android-MP .uni-load-more__img-icon:nth-child(3) {
+  -webkit-animation: loading-android-MP-3 1s 0s linear infinite;
+          animation: loading-android-MP-3 1s 0s linear infinite;
+}
+@keyframes loading-android {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@-webkit-keyframes loading-android-MP-1 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+50% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@keyframes loading-android-MP-1 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+50% {
+    -webkit-transform: rotate(90deg);
+            transform: rotate(90deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@-webkit-keyframes loading-android-MP-2 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+50% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@keyframes loading-android-MP-2 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+50% {
+    -webkit-transform: rotate(180deg);
+            transform: rotate(180deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@-webkit-keyframes loading-android-MP-3 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+50% {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+@keyframes loading-android-MP-3 {
+0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+}
+50% {
+    -webkit-transform: rotate(270deg);
+            transform: rotate(270deg);
+}
+100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+}
+}
+