• 1 需要开启 renren-api
    • 2 需要开启nginx服务

    image.png
    image.png

    image.png
    image.png
    index.vue页面代码

    1. <template>
    2.     <view>
    3.         <view class="search-container">
    4.             <image src="../../static/img/logo-small.jpg" class="logo"></image>
    5.             <view class="search-bar">
    6.                 <icon type="search" size="16" class="search-icon"></icon>
    7.                 <input type="text" placeholder="请输入关键字" class="search" confirm-type="search" v-model="keyword" @confirm="handleSearch" />
    8.             </view>
    9.         </view>
    10.         <swiper :indicator-dots="false" :autoplay="true" :interval="5000" 
    11.         :duration="1000" class="swiper-container">
    12.             <swiper-item v-for="one in swiper" :key="one.id" 
    13.             @tap="toCurriculum" :data-id="one.id">
    14.             <image :src="one.banner" class="swiper-image"></image></swiper-item>
    15.         </swiper>
    16.     </view>
    17. </template>
    19. <script>
    20. export default {
    21.     data() {
    22.         return {
    23.             keyword: null,
    24.             swiper: []
    25.         };
    26.     },
    27.     methods: {
    28.         handleSearch: function() {
    29.             console.log(this.keyword);
    30.         },
    31.         onShow: function() {
    32.             console.log('onShow==55======');
    33.             //let token=wx.getStorageSync("token");
    34.             let token = uni.getStorageSync('token');
    35.             let ref = this;
    36.             uni.request({
    37.                 url: ref.url.curriculum_swiper,
    38.                 header: {
    39.                     token: token
    40.                 },
    41.                 success: function(resp) {
    42.                     console.log(resp);
    43.                     //清空
    44.                     ref.swiper.length = 0;
    45.                     for (let one of resp.data.data) {
    46.                         ref.swiper.push({
    47.                             id: one.id,
    48.                             banner: `${ref.url.image_server}/${one.banner}`
    49.                         });
    50.                     }
    51.                     console.log(ref.swiper);
    52.                 }
    53.             });
    54.         },
    55.         toCurriculum: function(e) {
    56.             let id = e.currentTarget.dataset.id;
    57.             uni.navigateTo({
    58.                 url: '../curriculum/curriculum?id=' + id
    59.             });
    60.         }
    61.     }
    62. };
    63. </script>
    65. <style lang="less">
    66. @import url('index.less');
    67. </style>