快速上手

如何使用

通过安装配置之后, 新建 pages/index/index.vue 填写如下代码, 可以快速查看效果。

<template>
  <view class="content">

    <miliqk-status-bar></miliqk-status-bar>

    <!-- 介绍信息 -->
    <product-intro :app-intro="appIntro"></product-intro>

    <!-- 演示入口 -->
    <view class="product-page__item">
      <text class="product-page__item__title">功能演示</text>
      <uv-cell-group>
        <uv-cell title="演示首页" :isLink="true" @click="go('/uni_modules/miliqk-app/pages/home/home')"></uv-cell>
      </uv-cell-group>
    </view>


  </view>
</template>

<script>
export default {
  data() {
    return {
      title: 'miliqk',
      appIntro: 'miliqk是咪哩快看应用旗下的前端书籍翻页的基本插件，当前是basic 2.0.0，兼容vue3+2、app、h5、微信小程序多端基于uni-app的生态框架，支持单独导入，开箱即用，势如破竹。'
    }
  },
  methods: {
    go(url) {
      if (url === '/uni_modules/miliqk-app/pages/home/home') {
        uni.switchTab({
          url
        })
      } else {
        uni.navigateTo({
          url
        })
      }
    }
  }
}
</script>

<style lang="scss">
@import '@/uni_modules/uv-ui-tools/libs/css/color.scss';

.content {
  padding: 12px;

  .product-page {
    &__item {
      padding: 10px;

      &__title {
        color: #fbe2c3;
        //background-color: $uv-bg-color;
        background-color: #303744;
        padding: 15px;
        font-size: 15px;
      }
    }
  }
}

</style>

运行

1. 下载 HBuilderX 4.29+ 运行安装调试插件

2. 选择上面的插件项目，点击菜单上的 "运行" 选择如下的方式进行调试

   • 运行到浏览器(B)
   • 运行到内置浏览器(P)
   • 运行到手机或模拟器(N)
   • 运行到小程序模拟器(M)
   • 运行到终端

3. 参考官方文档

• https://uniapp.dcloud.net.cn/tutorial/run-and-debug.html
• https://hx.dcloud.net.cn/README

4. 控制台输出如下内容，代表安装成功

[当前环境是V3编译模式]
[miliqk-app]插件安装成功

扩展功能

• uv-ui 内置了强大的工具函数、请求封装、全局配置等，可以根据自身需求进行扩展配置，详情请查看扩展配置。
• miliqk-app 同样内置了工具函数、全局配置等。