需要修复商城顶部筛选左右滑动问题

pages/login/login.vue

@@ -3,8 +3,13 @@
   import { onLoad } from '@dcloudio/uni-app'
   import { useUI } from '@/utils/use-ui'
   import { reLaunch, navigateTo } from '@/utils/router'
+  import { userLogin } from '@/api'
+  import { useTokenStore } from '@/stores/token'
+  import { useUserStore } from '@/stores/user'
 
   const { showToast } = useUI()
+  const { setToken } = useTokenStore()
+  const { fetchUserInfo } = useUserStore()
 
   const formData = reactive({
     username: '',
@@ -12,9 +17,18 @@
     agreement: false
   })
 
-  const onLogin = () => {
-    showToast('登录成功')
-    console.log('登录：', formData)
+  const onLogin = async () => {
+    if (!formData.agreement) {
+      showToast('请同意协议')
+      return
+    }
+    const res = await userLogin({
+      account: formData.username,
+      password: formData.password
+    })
+    setToken(res.token)
+    await fetchUserInfo()
+    reLaunch('/pages/news-list/news-list')
   }
 
   const onRegister = () => {
@@ -26,7 +40,7 @@
   }
 
   onLoad(e => {
-    console.log('接收==：', e.id)
+    console.log('接收参数，返回对应页面的时候使用', e)
   })
 </script>
 
@@ -50,9 +64,7 @@
       <agreement-checkbox v-model="formData.agreement" />
       <cb-button
         class="bottom-btn"
-        :disabled="
-          !formData.username || !formData.password || !formData.agreement
-        "
+        :disabled="!formData.username || !formData.password"
         @click="onLogin"
       >
         登录