update(docs)

Author: hhstore

crates/rs-tauri-vue/components.d.ts

@@ -18,8 +18,10 @@ declare module '@vue/runtime-core' {
     Layout: typeof import('./src/components/Layout.vue')['default']
     NButton: typeof import('naive-ui')['NButton']
     NCard: typeof import('naive-ui')['NCard']
+    NCol: typeof import('naive-ui')['NCol']
     NDrawer: typeof import('naive-ui')['NDrawer']
     NDrawerContent: typeof import('naive-ui')['NDrawerContent']
+    NEmpty: typeof import('naive-ui')['NEmpty']
     NGradientText: typeof import('naive-ui')['NGradientText']
     NGrid: typeof import('naive-ui')['NGrid']
     NGridItem: typeof import('naive-ui')['NGridItem']
@@ -36,6 +38,7 @@ declare module '@vue/runtime-core' {
     NSpace: typeof import('naive-ui')['NSpace']
     NSpin: typeof import('naive-ui')['NSpin']
     NTable: typeof import('naive-ui')['NTable']
+    NTableColumn: typeof import('naive-ui')['NTableColumn']
     NTabPane: typeof import('naive-ui')['NTabPane']
     NTabs: typeof import('naive-ui')['NTabs']
     NTag: typeof import('naive-ui')['NTag']

crates/rs-tauri-vue/public/screenshot.png

@@ -2,8 +2,7 @@
 // This starter template is using Vue 3 <script setup> SFCs
 // Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
 import {defineComponent} from 'vue'
-import {dateZhCN, zhCN} from 'naive-ui';
-import {NConfigProvider} from 'naive-ui'
+import {dateZhCN, NConfigProvider, zhCN} from 'naive-ui';
 
 export default defineComponent({
     components: {
@@ -24,19 +23,11 @@ import Tab from './components/Tab.vue'
 
 
 <template>
-    <n-config-provider :locale="zhCN" :date-locale="dateZhCN">
+    <n-config-provider :date-locale="dateZhCN" :locale="zhCN">
 
         <div class="flex-col p-5">
-
-            <div class="flex flex-row items-center justify-center">
-                <img src="/tauri.svg" class="w-5 h-5 logo tauri" alt="Tauri logo"/>
-                <img src="/vue.svg" class="w-5 h-5 logo vue" alt="Vue logo"/>
-            </div>
-
-
             <!--            todo x: tab-->
             <Tab></Tab>
-
         </div>
 
     </n-config-provider>

crates/rs-tauri-vue/src/App.vue

@@ -22,7 +22,7 @@ async function addTodo() {
 
 <template>
 
-    <n-card style="background:gainsboro; margin-bottom:5px" title="rust command 测试:">
+    <n-card style="background:blanchedalmond; margin-bottom:5px" title="js/ts call rust 示例:">
         <n-space vertical>
             <n-list align="center">
                 <n-list-item>

crates/rs-tauri-vue/src/components/demo/Hello.vue

@@ -1,14 +1,36 @@
 <template>
-    <n-card item-responsive="true" style="background:gainsboro; margin-bottom:5px" title="网址导航">
+    <n-card item-responsive="true" style="background:lightcoral; margin-bottom:5px" title="网址导航">
         <n-grid :x-gap="12" :y-gap="8" cols="4">
             <!-- 分组 -->
-            <n-grid-item v-for="item in websites">
-                <n-button size="small" style="background:cadetblue;" type="success"
+            <n-grid-item v-for="item in webJp">
+                <n-button size="small" style="background:lightblue;"
                           @click="open_webview(item.url)">
                     {{ item.title }}
                 </n-button>
             </n-grid-item>
         </n-grid>
+        <br>
+        <n-grid :x-gap="12" :y-gap="8" cols="4">
+            <!-- 分组 -->
+            <n-grid-item v-for="item in webDocs">
+                <n-button size="small" style="background:greenyellow;"
+                          @click="open_webview(item.url)">
+                    {{ item.title }}
+                </n-button>
+            </n-grid-item>
+        </n-grid>
+        <br>
+        <n-grid :x-gap="12" :y-gap="8" cols="4">
+            <!-- 分组 -->
+            <n-grid-item v-for="item in webSearch">
+                <n-button size="small" style="background:yellow;"
+                          @click="open_webview(item.url)">
+                    {{ item.title }}
+                </n-button>
+            </n-grid-item>
+        </n-grid>
+
+
     </n-card>
 </template>
 
@@ -19,15 +41,23 @@ import {defineComponent, getCurrentInstance, ref} from 'vue'
 import {WebviewWindow} from '@tauri-apps/api/window';
 
 // 数据: 需要注册到下面
-const websites = ref([
+const webDocs = ref([
+    {title: 'Tauri 官网', url: "https://tauri.app/zh-cn/"},
+    {title: 'Tauri Docs', url: "https://tauri.app/v1/api/js/"},
+    {title: 'NaiveUI Docs', url: "https://www.naiveui.com/zh-CN/light/components/button"},
+    {title: 'Vue Docs', url: "https://cn.vuejs.org/guide/essentials/list.html#v-for"},
+]);
+const webSearch = ref([
     {title: 'Google', url: "https://google.com"},
     {title: 'Bing', url: "https://bing.com"},
     {title: 'Github', url: "https://github.com"},
 
-    //
-    {title: 'NaiveUI Docs', url: "https://www.naiveui.com/zh-CN/light/components/button"},
-    {title: 'Tauri Docs', url: "https://tauri.app/v1/api/js/"},
-    {title: 'Vue Docs', url: "https://cn.vuejs.org/guide/essentials/list.html#v-for"},
+]);
+const webJp = ref([
+    {title: 'NHK 日语教程', url: "https://www.nhk.or.jp/lesson/zh/letters/hiragana.html"},
+    {title: '日语五十音', url: "https://inihongo.github.io/Japanese_syllabary_learning/index.html"},
+    {title: '新华字典', url: "https://zd.hwxnet.com/"},
+
 ])
 
 
@@ -37,7 +67,9 @@ export default defineComponent({
     props: ['waited'],
 
     data: () => ({
-        websites,
+        webDocs,
+        webJp,
+        webSearch,
         toggle: false,
         counter: 0,
     }),