更新记录

1.0.0（2023-05-25） 下载此版本

无

平台兼容性

uni-app

API接口缓存 实现APP离线访问 只需要引用即可 无需别的操作

提别注意 需要在manifset.json APP模块 勾选 SQlite 数据库

使用方法 在main.js 引用即可 内部实现 离线缓存， 有网络的时候后获取API 数据存在本地数据库， 无网络 本地数据库读取

可配合离线缓存图片插件实现 离线应用

import App from './App'

import offline from '@/uni_modules/mcc-offline/js_sdk/index.js'

offline.init()

// #ifndef VUE3
import Vue from 'vue'
Vue.config.productionTip = false
App.mpType = 'app'

示例

<template>
    <view class="li">
        <view v-for="item in list">
            <view class="title">  {{item.title}}</view>
              <!-- <mcc-imgCache src="/static/2.png" mode="aspectFill"></mcc-imgCache> -->
              <mcc-imgCache :src="item.info.imgurl" mode="aspectFill"></mcc-imgCache>
              <view>{{item.info.yanyuan}}</view>
        </view>
        <view @click="g" class="dd">加载</view>
    </view>

</template>

<script>

    export default {
        data() {
            return {
                list:[]
            }
        },
        onLoad() {

        },
        methods: {
            g(){
                uni.request({
                    url: 'https://api.vvhan.com/api/douban',
                    data:{
                     type:'scorpio',
                     time:'today'    
                    },
                    method:"GET",
                    success: (res) => {
                        this.list=res.data.data
                    }
                });
            }
        }
    }
</script>

<style>
    view{
        box-sizing: border-box;
    }
    .li{
        padding: 15rpx;
        font-size: 28rpx;
    }
    image{
        width: 100%;
    }
    .title{
        font-size: 30rpx;
        font-weight: 800;
        margin: 15rpx 0;
    }
    .dd{
        position: fixed;
        width: 100rpx;
        height: 100rpx;
        top: 200rpx;
        right: 0rpx;
        background: red;
        color: #ffff;
    }
</style>