update vue3

pages/login.vue

@@ -38,86 +38,88 @@
   </view>
 </template>
 
-<script>
+<script setup>
   import { getCodeImg } from '@/api/login'
+  import store from '@/store'
+  import { ref, getCurrentInstance } from "vue"
 
-  export default {
-    data() {
-      return {
-        codeUrl: "",
-        captchaEnabled: true,
-        // 用户注册开关
-        register: false,
-        globalConfig: getApp().globalData.config,
-        loginForm: {
-          username: "admin",
-          password: "admin123",
-          code: "",
-          uuid: ""
+  const { proxy } = getCurrentInstance()
+  const globalConfig = getApp().globalData.config
+  const codeUrl = ref("")
+  // 验证码开关
+  const captchaEnabled = ref(true)
+  // 用户注册开关
+  const register = ref(false)
+  const loginForm = ref({
+    username: "admin",
+    password: "admin123",
+    code: "",
+    uuid: ""
+  })
+
+  // 用户注册
+  function handleUserRegister() {
+    proxy.$tab.redirectTo(`/pages/register`)
+  }
+
+  // 隐私协议
+  function handlePrivacy() {
+    let site = globalConfig.appInfo.agreements[0]
+    proxy.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
+  }
+
+  // 用户协议
+  function handleUserAgrement() {
+    let site = globalConfig.appInfo.agreements[1]
+    proxy.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
+  }
+
+  // 获取图形验证码
+  function getCode() {
+    getCodeImg().then(res => {
+      captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
+        if (captchaEnabled.value) {
+          codeUrl.value = 'data:image/gif;base64,' + res.img
+          loginForm.value.uuid = res.uuid
         }
-      }
-    },
-    created() {
-      this.getCode()
-    },
-    methods: {
-      // 用户注册
-      handleUserRegister() {
-        this.$tab.redirectTo(`/pages/register`)
-      },
-      // 隐私协议
-      handlePrivacy() {
-        let site = this.globalConfig.appInfo.agreements[0]
-        this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
-      },
-      // 用户协议
-      handleUserAgrement() {
-        let site = this.globalConfig.appInfo.agreements[1]
-        this.$tab.navigateTo(`/pages/common/webview/index?title=${site.title}&url=${site.url}`)
-      },
-      // 获取图形验证码
-      getCode() {
-        getCodeImg().then(res => {
-          this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
-          if (this.captchaEnabled) {
-            this.codeUrl = 'data:image/gif;base64,' + res.img
-            this.loginForm.uuid = res.uuid
-          }
-        })
-      },
-      // 登录方法
-      async handleLogin() {
-        if (this.loginForm.username === "") {
-          this.$modal.msgError("请输入账号")
-        } else if (this.loginForm.password === "") {
-          this.$modal.msgError("请输入密码")
-        } else if (this.loginForm.code === "" && this.captchaEnabled) {
-          this.$modal.msgError("请输入验证码")
-        } else {
-          this.$modal.loading("登录中，请耐心等待...")
-          this.pwdLogin()
-        }
-      },
-      // 密码登录
-      async pwdLogin() {
-        this.$store.dispatch('Login', this.loginForm).then(() => {
-          this.$modal.closeLoading()
-          this.loginSuccess()
-        }).catch(() => {
-          if (this.captchaEnabled) {
-            this.getCode()
-          }
-        })
-      },
-      // 登录成功后，处理函数
-      loginSuccess(result) {
-        // 设置用户信息
-        this.$store.dispatch('GetInfo').then(res => {
-          this.$tab.reLaunch('/pages/index')
-        })
-      }
+    })
+  }
+
+  // 登录方法
+  async function handleLogin() {
+    if (loginForm.value.username === "") {
+      proxy.$modal.msgError("请输入账号")
+    } else if (loginForm.value.password === "") {
+      proxy.$modal.msgError("请输入密码")
+    } else if (loginForm.value.code === "" && captchaEnabled.value) {
+      proxy.$modal.msgError("请输入验证码")
+    } else {
+      proxy.$modal.loading("登录中，请耐心等待...")
+      pwdLogin()
     }
   }
+
+  // 密码登录
+  async function pwdLogin() {
+    store.dispatch('Login', loginForm.value).then(() => {
+      proxy.$modal.closeLoading()
+      loginSuccess()
+    }).catch(() => {
+      if (captchaEnabled.value) {
+        getCode()
+      }
+    })
+  }
+
+  // 登录成功后，处理函数
+  function loginSuccess(result) {
+    // 设置用户信息
+    store.dispatch('GetInfo').then(res => {
+      proxy.$tab.reLaunch('/pages/index')
+    })
+  }
+
+  getCode()
 </script>
 
 <style lang="scss" scoped>
@@ -198,5 +200,4 @@
       }
     }
   }
-
 </style>

pages/mine/about/index.vue

@@ -43,15 +43,9 @@
   </view>
 </template>
 
-<script>
-  export default {
-    data() {
-      return {
-        url: getApp().globalData.config.appInfo.site_url,
-        version: getApp().globalData.config.appInfo.version
-      }
-    }
-  }
+<script setup>
+  const url = getApp().globalData.config.appInfo.site_url
+  const version = getApp().globalData.config.appInfo.version
 </script>
 
 <style lang="scss" scoped>

pages/mine/help/index.vue

@@ -15,49 +15,45 @@
   </view>
 </template>
 
-<script>
-  export default {
-    data() {
-      return {
-        list: [{
-            icon: 'iconfont icon-github',
-            title: '若依问题',
-            childList: [{
-              title: '若依开源吗？',
-              content: '开源'
-            }, {
-              title: '若依可以商用吗？',
-              content: '可以'
-            }, {
-              title: '若依官网地址多少？',
-              content: 'http://ruoyi.vip'
-            }, {
-              title: '若依文档地址多少？',
-              content: 'http://doc.ruoyi.vip'
-            }]
-          },
-          {
-            icon: 'iconfont icon-help',
-            title: '其他问题',
-            childList: [{
-              title: '如何退出登录？',
-              content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
-            }, {
-              title: '如何修改用户头像？',
-              content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
-            }, {
-              title: '如何修改登录密码？',
-              content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
-            }]
-          }
-        ]
-      }
-    },
-    methods: {
-      handleText(item) {
-        this.$tab.navigateTo(`/pages/common/textview/index?title=${item.title}&content=${item.content}`)
-      }
-    }
+<script setup>
+  import { ref, getCurrentInstance } from "vue"
+  
+  const { proxy } = getCurrentInstance()
+
+  const list = ref([{
+    icon: 'iconfont icon-github',
+    title: '若依问题',
+    childList: [{
+      title: '若依开源吗？',
+      content: '开源'
+    }, {
+      title: '若依可以商用吗？',
+      content: '可以'
+    }, {
+      title: '若依官网地址多少？',
+      content: 'http://ruoyi.vip'
+    }, {
+      title: '若依文档地址多少？',
+      content: 'http://doc.ruoyi.vip'
+    }]
+  },
+  {
+    icon: 'iconfont icon-help',
+    title: '其他问题',
+    childList: [{
+      title: '如何退出登录？',
+      content: '请点击[我的] - [应用设置] - [退出登录]即可退出登录',
+    }, {
+      title: '如何修改用户头像？',
+      content: '请点击[我的] - [选择头像] - [点击提交]即可更换用户头像',
+    }, {
+      title: '如何修改登录密码？',
+      content: '请点击[我的] - [应用设置] - [修改密码]即可修改登录密码',
+    }]
+  }])
+
+  function handleText(item) {
+    proxy.$tab.navigateTo(`/pages/common/textview/index?title=${item.title}&content=${item.content}`)
   }
 </script>
 

pages/mine/index.vue

@@ -76,51 +76,50 @@
   </view>
 </template>
 
-<script>
-  export default {
-    data() {
-      return {
-        name: this.$store.state.user.name,
-        version: getApp().globalData.config.appInfo.version
-      }
-    },
-    computed: {
-      avatar() {
-        return this.$store.state.user.avatar
-      },
-      windowHeight() {
-        return uni.getSystemInfoSync().windowHeight - 50
-      }
-    },
-    methods: {
-      handleToInfo() {
-        this.$tab.navigateTo('/pages/mine/info/index')
-      },
-      handleToEditInfo() {
-        this.$tab.navigateTo('/pages/mine/info/edit')
-      },
-      handleToSetting() {
-        this.$tab.navigateTo('/pages/mine/setting/index')
-      },
-      handleToLogin() {
-        this.$tab.reLaunch('/pages/login')
-      },
-      handleToAvatar() {
-        this.$tab.navigateTo('/pages/mine/avatar/index')
-      },
-      handleHelp() {
-        this.$tab.navigateTo('/pages/mine/help/index')
-      },
-      handleAbout() {
-        this.$tab.navigateTo('/pages/mine/about/index')
-      },
-      handleJiaoLiuQun() {
-        this.$modal.showToast('QQ群：①133713780(满)、②146013835(满)、③189091635')
-      },
-      handleBuilding() {
-        this.$modal.showToast('模块建设中~')
-      }
-    }
+<script setup>
+  import store from '@/store'
+  import { computed , getCurrentInstance } from "vue"
+
+  const { proxy } = getCurrentInstance()
+  const name = store.state.user.name
+  const version= getApp().globalData.config.appInfo.version
+  const avatar = computed(() => store.state.user.avatar)
+  const windowHeight = computed(() => uni.getSystemInfoSync().windowHeight - 50)
+
+  function handleToInfo() {
+    proxy.$tab.navigateTo('/pages/mine/info/index')
+  }
+
+  function handleToEditInfo() {
+    proxy.$tab.navigateTo('/pages/mine/info/edit')
+  }
+
+  function handleToSetting() {
+    proxy.$tab.navigateTo('/pages/mine/setting/index')
+  }
+
+  function handleToLogin() {
+    proxy.$tab.reLaunch('/pages/login')
+  }
+
+  function handleToAvatar() {
+    proxy.$tab.navigateTo('/pages/mine/avatar/index')
+  }
+      
+  function handleHelp() {
+    proxy.$tab.navigateTo('/pages/mine/help/index')
+  }
+      
+  function handleAbout() {
+    proxy.$tab.navigateTo('/pages/mine/about/index')
+  }
+      
+  function handleJiaoLiuQun() {
+    proxy.$modal.showToast('QQ群：①133713780(满)、②146013835(满)、③189091635')
+  }
+      
+  function handleBuilding() {
+    proxy.$modal.showToast('模块建设中~')
   }
 </script>
 

pages/mine/info/edit.vue

@@ -20,75 +20,72 @@
   </view>
 </template>
 
-<script>
+<script setup>
   import { getUserProfile } from "@/api/system/user"
   import { updateUserProfile } from "@/api/system/user"
+  import { ref , getCurrentInstance } from "vue"
+  import { onReady } from  "@dcloudio/uni-app"
 
-  export default {
-    data() {
-      return {
-        user: {
-          nickName: "",
-          phonenumber: "",
-          email: "",
-          sex: ""
-        },
-        sexs: [{
-          text: '男',
-          value: "0"
-        }, {
-          text: '女',
-          value: "1"
-        }],
-        rules: {
-          nickName: {
-            rules: [{
-              required: true,
-              errorMessage: '用户昵称不能为空'
-            }]
-          },
-          phonenumber: {
-            rules: [{
-              required: true,
-              errorMessage: '手机号码不能为空'
-            }, {
-              pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
-              errorMessage: '请输入正确的手机号码'
-            }]
-          },
-          email: {
-            rules: [{
-              required: true,
-              errorMessage: '邮箱地址不能为空'
-            }, {
-              format: 'email',
-              errorMessage: '请输入正确的邮箱地址'
-            }]
-          }
-        }
-      }
+  const { proxy } = getCurrentInstance()
+  const user = ref({
+    nickName: "",
+    phonenumber: "",
+    email: "",
+    sex: ""
+  })
+  const sexs = [{
+    text: '男',
+    value: "0"
+  }, {
+    text: '女',
+    value: "1"
+  }]
+  const rules = ref({
+    nickName: {
+      rules: [{
+        required: true,
+        errorMessage: '用户昵称不能为空'
+      }]
     },
-    onLoad() {
-      this.getUser()
+    phonenumber: {
+      rules: [{
+        required: true,
+        errorMessage: '手机号码不能为空'
+      }, {
+        pattern: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+        errorMessage: '请输入正确的手机号码'
+      }]
     },
-    onReady() {
-      this.$refs.form.setRules(this.rules)
-    },
-    methods: {
-      getUser() {
-        getUserProfile().then(response => {
-          this.user = response.data
-        })
-      },
-      submit(ref) {
-        this.$refs.form.validate().then(res => {
-          updateUserProfile(this.user).then(response => {
-            this.$modal.msgSuccess("修改成功")
-          })
-        })
-      }
+    email: {
+      rules: [{
+        required: true,
+        errorMessage: '邮箱地址不能为空'
+      }, {
+        format: 'email',
+        errorMessage: '请输入正确的邮箱地址'
+      }]
     }
+  })
+
+  function getUser() {
+    getUserProfile().then(response => {
+      user.value = response.data
+    })
   }
+
+  function submit(ref) {
+    proxy.$refs.form.validate().then(res => {
+      updateUserProfile(user.value).then(response => {
+        proxy.$modal.msgSuccess("修改成功")
+      })
+    })
+  }
+
+  onReady(() => {
+    proxy.$refs.form.setRules(rules.value)
+  })
+
+  getUser()
 </script>
 
 <style lang="scss" scoped>

pages/mine/info/index.vue

@@ -11,30 +11,23 @@
   </view>
 </template>
 
-<script>
+<script setup>
   import { getUserProfile } from "@/api/system/user"
+  import { ref, reactive } from "vue"
 
-  export default {
-    data() {
-      return {
-        user: {},
-        roleGroup: "",
-        postGroup: ""
-      }
-    },
-    onLoad() {
-      this.getUser()
-    },
-    methods: {
-      getUser() {
-        getUserProfile().then(response => {
-          this.user = response.data
-          this.roleGroup = response.roleGroup
-          this.postGroup = response.postGroup
-        })
-      }
-    }
+  const user = ref({})
+  const roleGroup = ref("")
+  const postGroup = ref("")
+
+  function getUser() {
+    getUserProfile().then(response => {
+      user.value = response.data
+      roleGroup.value = response.roleGroup
+      postGroup.value = response.postGroup
+    })
   }
+
+  getUser()
 </script>
 
 <style lang="scss">

pages/mine/pwd/index.vue

@@ -15,61 +15,55 @@
   </view>
 </template>
 
-<script>
+<script setup>
   import { updateUserPwd } from "@/api/system/user"
+  import { ref, reactive , getCurrentInstance } from "vue"
+  import { onReady } from  "@dcloudio/uni-app"
 
-  export default {
-    data() {
-      return {
-        user: {
-          oldPassword: undefined,
-          newPassword: undefined,
-          confirmPassword: undefined
-        },
-        rules: {
-          oldPassword: {
-            rules: [{
-              required: true,
-              errorMessage: '旧密码不能为空'
-            }]
-          },
-          newPassword: {
-            rules: [{
-                required: true,
-                errorMessage: '新密码不能为空',
-              },
-              {
-                minLength: 6,
-                maxLength: 20,
-                errorMessage: '长度在 6 到 20 个字符'
-              }
-            ]
-          },
-          confirmPassword: {
-            rules: [{
-                required: true,
-                errorMessage: '确认密码不能为空'
-              }, {
-                validateFunction: (rule, value, data) => data.newPassword === value,
-                errorMessage: '两次输入的密码不一致'
-              }
-            ]
-          }
-        }
-      }
+  const { proxy } = getCurrentInstance()
+  const user = reactive({
+    oldPassword: undefined,
+    newPassword: undefined,
+    confirmPassword: undefined
+  })
+  const rules = ref({
+    oldPassword: {
+      rules: [{
+        required: true,
+        errorMessage: '旧密码不能为空'
+      }]
     },
-    onReady() {
-      this.$refs.form.setRules(this.rules)
+    newPassword: {
+      rules: [{
+        required: true,
+        errorMessage: '新密码不能为空',
+      }, {
+        minLength: 6,
+        maxLength: 20,
+        errorMessage: '长度在 6 到 20 个字符'
+      }]
     },
-    methods: {
-      submit() {
-        this.$refs.form.validate().then(res => {
-          updateUserPwd(this.user.oldPassword, this.user.newPassword).then(response => {
-            this.$modal.msgSuccess("修改成功")
-          })
-        })
-      }
+    confirmPassword: {
+      rules: [{
+        required: true,
+        errorMessage: '确认密码不能为空'
+      }, {
+        validateFunction: (rule, value, data) => user.newPassword === value,
+        errorMessage: '两次输入的密码不一致'
+      }]
     }
+  })
+
+  onReady(() => {
+    proxy.$refs.form.setRules(rules.value)
+  })
+
+  function submit() {
+    proxy.$refs.form.validate().then(res => {
+      updateUserPwd(user.oldPassword, user.newPassword).then(response => {
+        proxy.$modal.msgSuccess("修改成功")
+      })
+    })
   }
 </script>
 

pages/mine/setting/index.vue

@@ -30,31 +30,31 @@
   </view>
 </template>
 
-<script>
-  export default {
-    data() {
-      return {
-        windowHeight: uni.getSystemInfoSync().windowHeight
-      }
-    },
-    methods: {
-      handleToPwd() {
-        this.$tab.navigateTo('/pages/mine/pwd/index')
-      },
-      handleToUpgrade() {
-        this.$modal.showToast('模块建设中~')
-      },
-      handleCleanTmp() {
-        this.$modal.showToast('模块建设中~')
-      },
-      handleLogout() {
-        this.$modal.confirm('确定注销并退出系统吗？').then(() => {
-          this.$store.dispatch('LogOut').then(() => {}).finally(()=>{
-            this.$tab.reLaunch('/pages/index')
-          })
-        })
-      }
-    }
+<script setup>
+  import store from '@/store'
+  import { ref, computed , getCurrentInstance } from "vue"
+
+  const { proxy } = getCurrentInstance()
+  const windowHeight = computed(() => uni.getSystemInfoSync().windowHeight - 50)
+
+  function handleToPwd() {
+    proxy.$tab.navigateTo('/pages/mine/pwd/index')
+  }
+
+  function handleToUpgrade() {
+    proxy.$modal.showToast('模块建设中~')
+  }
+
+  function handleCleanTmp() {
+    proxy.$modal.showToast('模块建设中~')
+  }
+
+  function handleLogout() {
+    proxy.$modal.confirm('确定注销并退出系统吗？').then(() => {
+      store.dispatch('LogOut').then(() => {}).finally(()=>{
+        proxy.$tab.reLaunch('/pages/index')
+      })
+    })
   }
 </script>
 

pages/register.vue

@@ -35,80 +35,78 @@
   </view>
 </template>
 
-<script>
+<script setup>
   import { getCodeImg, register } from '@/api/login'
+  import { ref, getCurrentInstance } from "vue"
 
-  export default {
-    data() {
-      return {
-        codeUrl: "",
-        captchaEnabled: true,
-        globalConfig: getApp().globalData.config,
-        registerForm: {
-          username: "",
-          password: "",
-          confirmPassword: "",
-          code: "",
-          uuid: ""
-        }
-      }
-    },
-    created() {
-      this.getCode()
-    },
-    methods: {
-      // 用户登录
-      handleUserLogin() {
-        this.$tab.navigateTo(`/pages/login`)
-      },
-      // 获取图形验证码
-      getCode() {
-        getCodeImg().then(res => {
-          this.captchaEnabled = res.captchaEnabled === undefined ? true : res.captchaEnabled
-          if (this.captchaEnabled) {
-            this.codeUrl = 'data:image/gif;base64,' + res.img
-            this.registerForm.uuid = res.uuid
-          }
-        })
-      },
-      // 注册方法
-      async handleRegister() {
-        if (this.registerForm.username === "") {
-          this.$modal.msgError("请输入您的账号")
-        } else if (this.registerForm.password === "") {
-          this.$modal.msgError("请输入您的密码")
-        } else if (this.registerForm.confirmPassword === "") {
-          this.$modal.msgError("请再次输入您的密码")
-        } else if (this.registerForm.password !== this.registerForm.confirmPassword) {
-          this.$modal.msgError("两次输入的密码不一致")
-        } else if (this.registerForm.code === "" && this.captchaEnabled) {
-          this.$modal.msgError("请输入验证码")
-        } else {
-          this.$modal.loading("注册中，请耐心等待...")
-          this.register()
-        }
-      },
-      // 用户注册
-      async register() {
-        register(this.registerForm).then(res => {
-          this.$modal.closeLoading()
-          uni.showModal({
-          	title: "系统提示",
-          	content: "恭喜你，您的账号 " + this.registerForm.username + " 注册成功！",
-          	success: function (res) {
-          		if (res.confirm) {
-                uni.redirectTo({ url: `/pages/login` });
-          		}
-          	}
-          })
-        }).catch(() => {
-          if (this.captchaEnabled) {
-            this.getCode()
-          }
-        })
+  const { proxy } = getCurrentInstance()
+  const globalConfig = getApp().globalData.config
+  const codeUrl = ref("")
+  // 验证码开关
+  const captchaEnabled = ref(true)
+  const registerForm = ref({
+    username: "",
+    password: "",
+    confirmPassword: "",
+    code: "",
+    uuid: ""
+  })
+
+  // 用户登录
+  function handleUserLogin() {
+    proxy.$tab.navigateTo(`/pages/login`)
+  }
+
+  // 获取图形验证码
+  function getCode() {
+    getCodeImg().then(res => {
+      captchaEnabled.value = res.captchaEnabled === undefined ? true : res.captchaEnabled
+        if (captchaEnabled.value) {
+          codeUrl.value = 'data:image/gif;base64,' + res.img
+          registerForm.value.uuid = res.uuid
       }
+    })
+  }
+
+  // 注册方法
+  async function handleRegister() {
+    if (registerForm.value.username === "") {
+      proxy.$modal.msgError("请输入您的账号")
+    } else if (registerForm.value.password === "") {
+      proxy.$modal.msgError("请输入您的密码")
+    } else if (registerForm.value.confirmPassword === "") {
+      proxy.$modal.msgError("请再次输入您的密码")
+    } else if (registerForm.value.password !== registerForm.value.confirmPassword) {
+      proxy.$modal.msgError("两次输入的密码不一致")
+    } else if (registerForm.value.code === "" && captchaEnabled.value) {
+      proxy.$modal.msgError("请输入验证码")
+    } else {
+      proxy.$modal.loading("注册中，请耐心等待...")
+      userRegister()
     }
   }
+
+  // 用户注册
+  async function userRegister() {
+    register(registerForm.value).then(res => {
+      proxy.$modal.closeLoading()
+      uni.showModal({
+        title: "系统提示",
+        content: "恭喜你，您的账号 " + registerForm.value.username + " 注册成功！",
+        success: function (res) {
+          if (res.confirm) {
+            uni.redirectTo({ url: `/pages/login` })
+          }
+        }
+      })
+    }).catch(() => {
+      if (captchaEnabled.value) {
+        getCode()
+      }
+    })
+  }
+
+  getCode()
 </script>
 
 <style lang="scss" scoped>
@@ -185,5 +183,4 @@
       }
     }
   }
-
 </style>

pages/work/index.vue

@@ -74,35 +74,24 @@
   </view>
 </template>
 
-<script>
-  export default {
-    data() {
-      return {
-        current: 0,
-        swiperDotIndex: 0,
-        data: [{
-            image: '/static/images/banner/banner01.jpg'
-          },
-          {
-            image: '/static/images/banner/banner02.jpg'
-          },
-          {
-            image: '/static/images/banner/banner03.jpg'
-          }
-        ]
-      }
-    },
-    methods: {
-      clickBannerItem(item) {
-        console.info(item)
-      },
-      changeSwiper(e) {
-        this.current = e.detail.current
-      },
-      changeGrid(e) {
-        this.$modal.showToast('模块建设中~')
-      }
-    }
+<script setup>
+  import { ref, getCurrentInstance } from "vue"
+
+  const { proxy } = getCurrentInstance()
+  const current = ref(0)
+  const swiperDotIndex = ref(0)
+  const data = ref([{ image: '/static/images/banner/banner01.jpg' }, { image: '/static/images/banner/banner02.jpg' }, { image: '/static/images/banner/banner03.jpg' }])
+
+  function clickBannerItem(item) {
+    console.info(item)
+  }
+
+  function changeSwiper(e) {
+    current.value = e.detail.current
+  }
+
+  function changeGrid(e) {
+    proxy.$modal.showToast('模块建设中~')
   }
 </script>