更新记录

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的支持

平台兼容性

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>

有问题点开此链接提交

文档介绍，点此打开