安装

兼容

Harmony	H5	PC	android	IOS	小程序	UTS	UNIAPP-X SDK	version
☑️	☑️	☑️	☑️	☑️	☑️	☑️	4.75+	1.1.16+

前置提醒

特别声明

本组件库是付费版本，如果你下载成功后，不可传播，我拥有绝对版权，你可商用。 严禁合伙买授权,严禁一份源码多人使用,如果被检测到将维权交给第三方机构. 组件内包含了很多原生插件,付出非常大,只有有利润的情况下才能维持,请将心比心杜绝盗版.

安装完所有步骤后请务必看下这里!!!

常见问题 | vip代码仓库

购买源码用户提醒

请拉到底部先进微信群！！！加密用户自行按文档使用即可。

安装

在此步骤下，你已经阅读了前面前置条件教程

总体流程

一、复制相关文件

警示

uni_modules/tmx-ui是组件库，必须要复制，其它插件为可选复制，但x-vuei18n-s为必须复制。其它的插件看你需求复制使用。

1. [必须] 从代码仓库中复制目录 uni_modules/tmx-ui 下所有文件到你的项目uni_modules中
2. [必须] 插件目录 uni_modules中复制x-vuei18n-s到你的项目uni_modules中
3. [必须] 从代码仓库中复制目录 static 下所有文件到你的项目static中
4. [必须] 从代码仓库中复制目录 hybrid 下所有文件到你的项目hybrid中

二、配置main.uts

mport App from './App'
// 源码用户
import {xui} from "@/uni_modules/tmx-ui/index.uts"

//多语言配置类型 从1.1.15开始改变了安装配置表，使用了类型定义。
import {Tmui4xOptions} from "@/uni_modules/tmx-ui/interface.uts"

import { createSSRApp } from 'vue'
export function createApp() {
  const app = createSSRApp(App)
  //直接使用不使用任何配置，可以直接这样，如果想配置更多见下方
  app.use(xui)
  // 如果想全局配置统一所有主题属性,比如默认按钮圆角,颜色等可以如下设置
  // 配置中的字段见文档:全局风格配置页面，以下配置sdk4.71+支持
 app.use(xui,
	 {
	  config:null, // 可选，tmui主题配置
	  i18nOptions:null // 可选，多语言配置
	 } as Tmui4xOptions
 )
 
  return {
    app
  }
}

二、配置app.uvue

<script lang="uts">
	export default {
		onLaunch: function () {
			// 配置app及web字体，必须
			// #ifdef APP||WEB
			uni.loadFontFace({
				global: true,
				family: 'remixicon',
				source: "url('/static/tmui4xLibs/static/remixicon.ttf')",
				success() {
					uni.setStorageSync("loadedFontBytmx", "true")
					console.log('global loadFontFace uni.ttf success===')
				},
				fail(error) {
					uni.setStorageSync("loadedFontBytmx", "")
					console.warn('global loadFontFace uni.ttf fail--', error.errMsg)
				},
			})
			// #endif
		},
		onShow: function () { },
		onHide: function () { },
		onLastPageBackPress: function () { },
		onExit: function () { },
	}
</script>



<style>
    /* (可选)引用样式文件,下面两个二选一即可，默认使用px单位，如果你有自己的原子css库插件，
	你可以不引用本css库，可以删除不影响组件 */
	/* rpx单位 */
	/* @import url(./uni_modules/tmx-ui/scss/uvue.min.css); */
	/* px单位84kb */
	@import url(./uni_modules/tmx-ui/scss/uvuePx.min.css);
	
	/* 微信小程序必引入，否则无图标 */
	/* 字体图标，仅小程序端引用，而且字体图标控制在104kb */
	/* #ifdef MP-WEIXIN */
	@import url(./uni_modules/tmx-ui/scss/remixicon.min.css);
	/* #endif */
</style>

项目结构

-- hybrid 插件webview用到的目录文件
-- pages 你的页面文件
-- static 
	-- tmui4xLibs 图标及一些静态依赖文件在这里面
-- uni_modules 所有组件和插件在这里面
	-- tmx-ui 组件库目录
	-- x-vuei18n-s 多语言插件
-- index.html
-- App.uvue
-- main.uts
-- manifest.json
-- uni.min.css 官方自带样式文件

运行项目