From 8b9973c5f2c4f647b4c5cc1537634f8051a81f41 Mon Sep 17 00:00:00 2001 From: hu-snail <1217437592@qq.com> Date: Fri, 16 Aug 2024 08:46:03 +0800 Subject: [PATCH] deploy --- 404.html | 12 +++++--- api-examples.html | 20 +++++++------ assets/{app.Cr4V2rLT.js => app.CgoFlsWQ.js} | 2 +- .../chunks/@localSearchIndexroot.6bCWBgEr.js | 1 + .../chunks/@localSearchIndexroot.Cm01H6J0.js | 1 - ...GSOq1H.js => VPLocalSearchBox.DGszrF_u.js} | 2 +- .../{theme.BVWi05Q6.js => theme.Duwk6Vdf.js} | 4 +-- ....BBQ1Xand.js => guide_icon.md.vAjiz4-m.js} | 2 +- ...lean.js => guide_icon.md.vAjiz4-m.lean.js} | 0 ...8t.js => guide_quick-start.md.B_0arobQ.js} | 6 ++-- ... => guide_quick-start.md.B_0arobQ.lean.js} | 0 ...F7Scsku.js => guide_ui-use.md.DKZBBhoA.js} | 8 +++--- ...an.js => guide_ui-use.md.DKZBBhoA.lean.js} | 0 guide/code-style.html | 18 +++++++----- guide/icon.html | 22 +++++++++------ guide/intro.html | 18 +++++++----- guide/quick-start.html | 26 +++++++++-------- guide/ui-use.html | 28 +++++++++++-------- guide/ui.html | 18 +++++++----- guide/uni-plugins.html | 18 +++++++----- hashmap.json | 2 +- index.html | 18 +++++++----- markdown-examples.html | 18 +++++++----- 23 files changed, 144 insertions(+), 100 deletions(-) rename assets/{app.Cr4V2rLT.js => app.CgoFlsWQ.js} (95%) create mode 100644 assets/chunks/@localSearchIndexroot.6bCWBgEr.js delete mode 100644 assets/chunks/@localSearchIndexroot.Cm01H6J0.js rename assets/chunks/{VPLocalSearchBox.DyGSOq1H.js => VPLocalSearchBox.DGszrF_u.js} (99%) rename assets/chunks/{theme.BVWi05Q6.js => theme.Duwk6Vdf.js} (99%) rename assets/{guide_icon.md.BBQ1Xand.js => guide_icon.md.vAjiz4-m.js} (99%) rename assets/{guide_icon.md.BBQ1Xand.lean.js => guide_icon.md.vAjiz4-m.lean.js} (100%) rename assets/{guide_quick-start.md.Cph9bp8t.js => guide_quick-start.md.B_0arobQ.js} (93%) rename assets/{guide_quick-start.md.Cph9bp8t.lean.js => guide_quick-start.md.B_0arobQ.lean.js} (100%) rename assets/{guide_ui-use.md.DF7Scsku.js => guide_ui-use.md.DKZBBhoA.js} (93%) rename assets/{guide_ui-use.md.DF7Scsku.lean.js => guide_ui-use.md.DKZBBhoA.lean.js} (100%) diff --git a/404.html b/404.html index be4a733..6cb8de6 100644 --- a/404.html +++ b/404.html @@ -2,21 +2,25 @@ - + 404 | snail-uni - + - + + + + +
- + \ No newline at end of file diff --git a/api-examples.html b/api-examples.html index 92957ac..ab1d3b5 100644 --- a/api-examples.html +++ b/api-examples.html @@ -2,26 +2,30 @@ - + Runtime API Examples | snail-uni - + - + - + + + + + -
snail-uni

uview-plus ​

具体使用，请查看文档

vue
<up-icon name="photo"></up-icon>
 <up-icon name="photo" color="#2979ff" size="28"></up-icon>

tuniao-ui ​

具体使用，请查看文档

vue
<TnIcon name="logo-tuniao" type="primary" />
 <TnIcon name="logo-tuniao" color="tn-blue" />
-<TnIcon name="logo-tuniao" transparent transparent-bg="tn-green" />

UnoCSS + Iconify 图标库 ​

UnoCSS Icons 可轻松接入iconify 图标库，iconify 拥有 10w+ 海量图标。snail-uni 默认集成了字节图标库 @iconify-json/icon-park-outline, 通过iconify 图标集 查看具体图标

使用案例 ​

以 @iconify-json/icon-park-outline 为例：

安装图标库 ​

sh
npm install @iconify-json/icon-park-outline -D
sh
pnpm add  @iconify-json/icon-park-outline -D
sh
yarn add  @iconify-json/icon-park-outline -D

unocss图标配置 ​

ts
// uno.config.ts
+<TnIcon name="logo-tuniao" transparent transparent-bg="tn-green" />

UnoCSS + Iconify 图标库 ​

UnoCSS Icons 可轻松接入iconify 图标库，iconify 拥有 10w+ 海量图标。snail-uni 默认集成了字节图标库 @iconify-json/icon-park-outline, 通过iconify 图标集 查看具体图标

使用案例 ​

以 @iconify-json/icon-park-outline 为例：

安装图标库 ​

sh
npm install @iconify-json/icon-park-outline -D
sh
pnpm add  @iconify-json/icon-park-outline -D
sh
yarn add  @iconify-json/icon-park-outline -D

unocss图标配置 ​

ts
// uno.config.ts
 export default defineConfig({
   presets: [
     ...,
diff --git a/assets/guide_icon.md.BBQ1Xand.lean.js b/assets/guide_icon.md.vAjiz4-m.lean.js
similarity index 100%
rename from assets/guide_icon.md.BBQ1Xand.lean.js
rename to assets/guide_icon.md.vAjiz4-m.lean.js
diff --git a/assets/guide_quick-start.md.Cph9bp8t.js b/assets/guide_quick-start.md.B_0arobQ.js
similarity index 93%
rename from assets/guide_quick-start.md.Cph9bp8t.js
rename to assets/guide_quick-start.md.B_0arobQ.js
index 0e53abf..324077d 100644
--- a/assets/guide_quick-start.md.Cph9bp8t.js
+++ b/assets/guide_quick-start.md.B_0arobQ.js
@@ -1,5 +1,5 @@
 import{_ as s,c as i,o as a,a5 as e}from"./chunks/framework.ByEPNI66.js";const u=JSON.parse('{"title":"快速开始","description":"","frontmatter":{},"headers":[],"relativePath":"guide/quick-start.md","filePath":"guide/quick-start.md","lastUpdated":1723298025000}'),n={name:"guide/quick-start.md"},t=e(`
快速开始 ​
前置准备 ​
  • Node.js 18 及以上版本
  • pnpm - >=8.15.6（推荐使用 9.0.0）
  • VSCode 开发工具下载
  • HBuilderX - APP 的运行和发布需要
  • Git 安装
注：无需App开发，则无需下载HBuilderX
Vscode插件安装 ​
snail-uni内置了插件安装配置文件，使用Vscode打开项目文件夹，点击安装插件即可安装插件。
shell
├── .vscode
-│   └── extensions.json
创建项目 ​
snail-uni 附带一个命令行创建向导，可以帮助你构建一个基本项目。支持创建 js 与 ts 让你无需纠结。
sh
npx snail-uni create
sh
pnpm snail-uni create
sh
yarn snail-uni create
将需要回答几个简单的问题：
┌  欢迎使用snail-uni脚手架!
+│   └── extensions.json
创建项目 ​
snail-uni 附带一个命令行创建向导，可以帮助你构建一个基本项目。支持创建 js 与 ts 让你无需纠结。
sh
npx snail-uni create
sh
pnpm snail-uni create
sh
yarn snail-uni create
将需要回答几个简单的问题：
┌  欢迎使用snail-uni脚手架!
 │
 ◇  项目名称:
 │  snai-uni-app
@@ -19,7 +19,7 @@ import{_ as s,c as i,o as a,a5 as e}from"./chunks/framework.ByEPNI66.js";const u
 └  你已成功创建! 现在请使用 pnpm 安装/运行你的项目
 
    进入项目： cd snail-uni-app
-   安装依赖： pnpm install
你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板, 例如： snail-uni create <project-name> <语言类型（js/ts）> 不指定类型默认为 js 版本， ts版本如下：
sh
npx snail-uni create snail-uni-app ts
sh
pnpm snail-uni create snail-uni-app ts
sh
yarn snail-uni create  snail-uni-app ts
执行完之后，将生成一个新的项目
└  你已成功创建! 现在请使用 pnpm 安装/运行你的项目
+   安装依赖： pnpm install
你还可以通过附加的命令行选项直接指定项目名称和你想要使用的模板, 例如： snail-uni create <project-name> <语言类型（js/ts）> 不指定类型默认为 js 版本， ts版本如下：
sh
npx snail-uni create snail-uni-app ts
sh
pnpm snail-uni create snail-uni-app ts
sh
yarn snail-uni create  snail-uni-app ts
执行完之后，将生成一个新的项目
└  你已成功创建! 现在请使用 pnpm 安装/运行你的项目
 
    进入项目： cd snail-uni-app
    安装依赖： pnpm install
启动并运行 ​
snail-uni 启动运行脚本在package.json中配置：
json
{
@@ -32,4 +32,4 @@ import{_ as s,c as i,o as a,a5 as e}from"./chunks/framework.ByEPNI66.js";const u
     ...
   },
   ...
-}
dev 脚本将启动具有即时热更新的本地开发服务器。使用以下命令运行它：
默认启动微信小程序,根据自己需求在package.json 中进行调整
sh
npm run dev
sh
pnpm run dev # or pnpm dev
sh
yarn dev
build 脚本将构建应用，并生成一个或多个平台包。使用以下命令运行它：
默认构建微信小程序,根据自己需求在package.json 中进行调整
sh
npm run build
sh
pnpm run build # or pnpm build
sh
yarn build
`,25),l=[t];function p(h,d,k,o,c,r){return a(),i("div",null,l)}const y=s(n,[["render",p]]);export{u as __pageData,y as default};
+}

dev 脚本将启动具有即时热更新的本地开发服务器。使用以下命令运行它：

默认启动微信小程序,根据自己需求在package.json 中进行调整

sh
npm run dev
sh
pnpm run dev # or pnpm dev
sh
yarn dev

build 脚本将构建应用，并生成一个或多个平台包。使用以下命令运行它：

默认构建微信小程序,根据自己需求在package.json 中进行调整

sh
npm run build
sh
pnpm run build # or pnpm build
sh
yarn build
`,25),l=[t];function p(h,d,k,o,c,r){return a(),i("div",null,l)}const y=s(n,[["render",p]]);export{u as __pageData,y as default}; diff --git a/assets/guide_quick-start.md.Cph9bp8t.lean.js b/assets/guide_quick-start.md.B_0arobQ.lean.js similarity index 100% rename from assets/guide_quick-start.md.Cph9bp8t.lean.js rename to assets/guide_quick-start.md.B_0arobQ.lean.js diff --git a/assets/guide_ui-use.md.DF7Scsku.js b/assets/guide_ui-use.md.DKZBBhoA.js similarity index 93% rename from assets/guide_ui-use.md.DF7Scsku.js rename to assets/guide_ui-use.md.DKZBBhoA.js index 775bd91..3c86136 100644 --- a/assets/guide_ui-use.md.DF7Scsku.js +++ b/assets/guide_ui-use.md.DKZBBhoA.js @@ -1,9 +1,9 @@ -import{_ as s,c as i,o as a,a5 as n}from"./chunks/framework.ByEPNI66.js";const E=JSON.parse('{"title":"UI使用篇","description":"","frontmatter":{},"headers":[],"relativePath":"guide/ui-use.md","filePath":"guide/ui-use.md","lastUpdated":1722348718000}'),t={name:"guide/ui-use.md"},e=n(`

UI使用篇 ​

snail-uni 最终选择wot-design-uni作为默认UI库，开发者可以根据需求选择其他UI库,本篇将介绍wot-design-uni在过程中遇到的问题和其他UI库的替换方法。

wot-design-uni：一个基于Vue3 + TS 开发的 uni-app 组件库，提供 70+ 高质量组件，支持暗黑模式、国际化和自定义主题

注意

截止2024-07-30 之前， Wot-design-uni目前支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等平台! 如果需要适配其他平台请卸载wot-design-uni，并安装使用其他UI库。

组件问题 ​

关于Wot-design-uni组件库的使用问题请移步至常见问题

UI库替换 ​

snail-uni 脚手架支持选择不用版本的ui库，如果你已经安装使用了wot-design-uni，不想重新构建的情况下请先卸载wot-design-uni，然后按照以下步骤安装其他UI库（其他UI相同操作，不再赘述）

  • 以wot-design-uni为例

1.卸载wot-design-uni ​

sh
$ pnpm remove wot-design-uni
sh
$ npm  uninstall wot-design-uni
sh
$ yarn remove wot-design-uni
sh
$ bun remove wot-design-uni

2.删除配置文件 ​

在src/pages.config.ts 文件删除相关配置：

ts
easycom: {
+import{_ as s,c as i,o as a,a5 as n}from"./chunks/framework.ByEPNI66.js";const E=JSON.parse('{"title":"UI使用篇","description":"","frontmatter":{},"headers":[],"relativePath":"guide/ui-use.md","filePath":"guide/ui-use.md","lastUpdated":1722348718000}'),t={name:"guide/ui-use.md"},e=n(`
UI使用篇 ​
snail-uni 最终选择wot-design-uni作为默认UI库，开发者可以根据需求选择其他UI库,本篇将介绍wot-design-uni在过程中遇到的问题和其他UI库的替换方法。
wot-design-uni：一个基于Vue3 + TS 开发的 uni-app 组件库，提供 70+ 高质量组件，支持暗黑模式、国际化和自定义主题
注意
截止2024-07-30 之前， Wot-design-uni目前支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等平台! 如果需要适配其他平台请卸载wot-design-uni，并安装使用其他UI库。
组件问题 ​
关于Wot-design-uni组件库的使用问题请移步至常见问题
UI库替换 ​
snail-uni 脚手架支持选择不用版本的ui库，如果你已经安装使用了wot-design-uni，不想重新构建的情况下请先卸载wot-design-uni，然后按照以下步骤安装其他UI库（其他UI相同操作，不再赘述）
  • 以wot-design-uni为例
1.卸载wot-design-uni ​
sh
$ pnpm remove wot-design-uni
sh
$ npm  uninstall wot-design-uni
sh
$ yarn remove wot-design-uni
sh
$ bun remove wot-design-uni
2.删除配置文件 ​
在src/pages.config.ts 文件删除相关配置：
ts
easycom: {
     autoscan: true,
     custom: {
       '^wd-(.*)': 'wot-design-uni/components/wd-$1/wd-$1.vue', 
     },
-},
3.安装其他UI库 ​
注： 详细文档请查阅官方文档
  • uni-ui文档：uni-app官方维护的UI组件库
  • uv-ui文档：uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于 uni-app 和 uView2.x 的生态框架，支持 单独导入，开箱即用，利剑出击
  • uview-plus文档： uview-plus 是全面兼容nvue 的 uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
  • tuniao-ui-uniapp-v3文档：TuniaoUI vue3 uniapp 是一款基于 uniapp、vue3、Typescript 进行开发的 UI组件库
sh
pnpm add  @dcloudio/uni-ui
+},
3.安装其他UI库 ​
注： 详细文档请查阅官方文档
  • uni-ui文档：uni-app官方维护的UI组件库
  • uv-ui文档：uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于 uni-app 和 uView2.x 的生态框架，支持 单独导入，开箱即用，利剑出击
  • uview-plus文档： uview-plus 是全面兼容nvue 的 uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
  • tuniao-ui-uniapp-v3文档：TuniaoUI vue3 uniapp 是一款基于 uniapp、vue3、Typescript 进行开发的 UI组件库
sh
pnpm add  @dcloudio/uni-ui
 # or npm
 # npm install @dcloudio/uni-ui
 # or yarn
@@ -19,7 +19,7 @@ import{_ as s,c as i,o as a,a5 as n}from"./chunks/framework.ByEPNI66.js";const E
 # or npm
 # npm install @tuniao/tnui-vue3-uniapp @tuniao/tn-icon @tuniao/tn-style
 # or yarn
-# yarn add @tuniao/tnui-vue3-uniapp @tuniao/tn-icon @tuniao/tn-style
4.配置其他UI库 ​
  • 在 src/pages.config.ts 文件添加相关配置：
ts
easycom: {
+# yarn add @tuniao/tnui-vue3-uniapp @tuniao/tn-icon @tuniao/tn-style
4.配置其他UI库 ​
  • 在 src/pages.config.ts 文件添加相关配置：
ts
easycom: {
 		autoscan: true,
 		custom: {
 			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
@@ -43,7 +43,7 @@ import{_ as s,c as i,o as a,a5 as n}from"./chunks/framework.ByEPNI66.js";const E
       "^tn-(.*)": "@tuniao/tnui-vue3-uniapp/components/$1/src/$1.vue"
     }
   },
-}
  • 在 src/tsconfig.json 文件添加相关配置：
json
{
+}
  • 在 src/tsconfig.json 文件添加相关配置：
json
{
   "compilerOptions": {
     "types": [
       "@dcloudio/types",
diff --git a/assets/guide_ui-use.md.DF7Scsku.lean.js b/assets/guide_ui-use.md.DKZBBhoA.lean.js
similarity index 100%
rename from assets/guide_ui-use.md.DF7Scsku.lean.js
rename to assets/guide_ui-use.md.DKZBBhoA.lean.js
diff --git a/guide/code-style.html b/guide/code-style.html
index 4c13395..a9c9184 100644
--- a/guide/code-style.html
+++ b/guide/code-style.html
@@ -2,26 +2,30 @@
 
   
     
-    
+    
     代码规范篇 | snail-uni
     
     
     
     
-    
+    
     
     
-    
+    
     
-    
+    
+    
+    
+    
+    
     
     
   
   
-    
snail-uni
dev 脚本将启动具有即时热更新的本地开发服务器。使用以下命令运行它：
默认启动微信小程序,根据自己需求在package.json 中进行调整
sh
npm run dev
sh
pnpm run dev # or pnpm dev
sh
yarn dev
build 脚本将构建应用，并生成一个或多个平台包。使用以下命令运行它：
默认构建微信小程序,根据自己需求在package.json 中进行调整
sh
npm run build
sh
pnpm run build # or pnpm build
sh
yarn build

基于 MIT 许可发布

版权所有 © 2024 hu-snail(蜗牛前端)

+ \ No newline at end of file diff --git a/guide/ui-use.html b/guide/ui-use.html index 18f1808..7793567 100644 --- a/guide/ui-use.html +++ b/guide/ui-use.html @@ -2,34 +2,38 @@ - + UI使用篇 | snail-uni - + - - - + + + + + + + -
snail-uni

UI使用篇 ​

snail-uni 最终选择wot-design-uni作为默认UI库，开发者可以根据需求选择其他UI库,本篇将介绍wot-design-uni在过程中遇到的问题和其他UI库的替换方法。

wot-design-uni：一个基于Vue3 + TS 开发的 uni-app 组件库，提供 70+ 高质量组件，支持暗黑模式、国际化和自定义主题

注意

截止2024-07-30 之前， Wot-design-uni目前支持 微信小程序、支付宝小程序、钉钉小程序、H5、APP 等平台! 如果需要适配其他平台请卸载wot-design-uni，并安装使用其他UI库。

组件问题 ​

关于Wot-design-uni组件库的使用问题请移步至常见问题

UI库替换 ​

snail-uni 脚手架支持选择不用版本的ui库，如果你已经安装使用了wot-design-uni，不想重新构建的情况下请先卸载wot-design-uni，然后按照以下步骤安装其他UI库（其他UI相同操作，不再赘述）

  • 以wot-design-uni为例

1.卸载wot-design-uni ​

sh
$ pnpm remove wot-design-uni
sh
$ npm  uninstall wot-design-uni
sh
$ yarn remove wot-design-uni
sh
$ bun remove wot-design-uni

2.删除配置文件 ​

在src/pages.config.ts 文件删除相关配置：

ts
easycom: {
     autoscan: true,
     custom: {
       '^wd-(.*)': 'wot-design-uni/components/wd-$1/wd-$1.vue', 
     },
-},

3.安装其他UI库 ​

注： 详细文档请查阅官方文档

  • uni-ui文档：uni-app官方维护的UI组件库
  • uv-ui文档：uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于 uni-app 和 uView2.x 的生态框架，支持 单独导入，开箱即用，利剑出击
  • uview-plus文档： uview-plus 是全面兼容nvue 的 uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
  • tuniao-ui-uniapp-v3文档：TuniaoUI vue3 uniapp 是一款基于 uniapp、vue3、Typescript 进行开发的 UI组件库
sh
pnpm add  @dcloudio/uni-ui
+},

3.安装其他UI库 ​

注： 详细文档请查阅官方文档

  • uni-ui文档：uni-app官方维护的UI组件库
  • uv-ui文档：uv-ui 破釜沉舟之兼容vue3+2、nvue、app、h5、小程序等多端基于 uni-app 和 uView2.x 的生态框架，支持 单独导入，开箱即用，利剑出击
  • uview-plus文档： uview-plus 是全面兼容nvue 的 uni-app生态框架，全面的组件和便捷的工具会让您信手拈来，如鱼得水
  • tuniao-ui-uniapp-v3文档：TuniaoUI vue3 uniapp 是一款基于 uniapp、vue3、Typescript 进行开发的 UI组件库
sh
pnpm add  @dcloudio/uni-ui
 # or npm
 # npm install @dcloudio/uni-ui
 # or yarn
@@ -45,7 +49,7 @@
 # or npm
 # npm install @tuniao/tnui-vue3-uniapp @tuniao/tn-icon @tuniao/tn-style
 # or yarn
-# yarn add @tuniao/tnui-vue3-uniapp @tuniao/tn-icon @tuniao/tn-style

4.配置其他UI库 ​

  • 在 src/pages.config.ts 文件添加相关配置：
ts
easycom: {
+# yarn add @tuniao/tnui-vue3-uniapp @tuniao/tn-icon @tuniao/tn-style

4.配置其他UI库 ​

  • 在 src/pages.config.ts 文件添加相关配置：
ts
easycom: {
 		autoscan: true,
 		custom: {
 			"^uni-(.*)": "@dcloudio/uni-ui/lib/uni-$1/uni-$1.vue"
@@ -69,7 +73,7 @@
       "^tn-(.*)": "@tuniao/tnui-vue3-uniapp/components/$1/src/$1.vue"
     }
   },
-}
  • 在 src/tsconfig.json 文件添加相关配置：
json
{
+}
  • 在 src/tsconfig.json 文件添加相关配置：
json
{
   "compilerOptions": {
     "types": [
       "@dcloudio/types",
@@ -104,7 +108,7 @@
     ]
   }
 }

基于 MIT 许可发布

版权所有 © 2024 hu-snail(蜗牛前端)

- + \ No newline at end of file diff --git a/guide/ui.html b/guide/ui.html index ebc0bd5..c418f0b 100644 --- a/guide/ui.html +++ b/guide/ui.html @@ -2,30 +2,34 @@ - + UI选型篇 | snail-uni - + - + - + + + + + -
snail-uni