更新记录

3.0.72(2022-07-10) 下载此版本

更新官方版本

3.0.62.3(2022-06-30) 下载此版本

  • 修改声明,基于 https://ext.dcloud.net.cn/plugin?id=8372 插件修改

3.0.62.2(2022-06-30) 下载此版本

  • 增加对JS的支持
查看更多

平台兼容性

Vue2 Vue3
×
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
HBuilderX 3.1.0 app-vue app-nvue ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari
8 43 2.7 11 8

TM-VUETIFY for V3

基于 原插件:修改

暂时去除了Echart

使用方式

manifest.json配置

因部分组件使用了原生的cavans,需要配置原生nvue。 请打开manifest.json在app-plus下添加如下:

...
{
    "app-plus" : {
        ...
        /* 模块配置 */
        "modules" : {
                /* 使用Canvas模块,需要添加下面这一行 */
            "Canvas" : "nvue canvas" 
        },
        ...
    }
    ....
}

配置main.ts文件

如下配置即可,或者直接复制如下代码到你的main.ts

import { createSSRApp } from "vue";
import * as Pinia from 'pinia';
import tmui from "./uni_modules/tmui-ui"
import App from "./App.vue";
export function createApp() {
  const app = createSSRApp(App);
  app.use(Pinia.createPinia());
  app.use(tmui)
  return {
    app,
    Pinia,
  };
}

配置APP.vue引入样式

<script setup lang="ts">
import { onLaunch, onShow, onHide } from "@dcloudio/uni-app";
onLaunch(() => {
  console.log("App Launch");
});
onShow(() => {
  console.log("App Show");
});
onHide(() => {
  console.log("App Hide");
});
</script>
<style >
    /* #ifdef APP-NVUE */
    @import './uni_modules/tmui-ui/scss/nvue.css';
    /* #endif */
    /* #ifndef APP-NVUE */
    @import './uni_modules/tmui-ui/scss/noNvue.css';
    /* #endif */
</style>

示例

<template>
    <tm-app ref="app">
        <!-- 这里是你的页面代码。 -->
    </tm-app>
</template>

<script>

</script>

有问题点开此链接提交

文档介绍,点此打开

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

使用协议

你可以免费使用,但不能随意篡改分发,以谋取私利,请支持个人作者的努力辛苦所得. 2021年8月19日14:41:12

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问