快速上手

如何使用

通过安装配置之后, 新建 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 是从 咪哩快看 这一综合性应用中分离出来的小说(书籍)翻页插件，其设计初衷在于灵活满足广大开发者及用户对于仅包含前端功能的独立插件的需求。'
    }
  },
  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 同样内置了工具函数、全局配置等。