完成移动端基本功能

zhuguifei

2025-05-13 14681dfe7052cb76eefcc0c17d0a0d708e1ac9dd

 eims-ui-mobile/src/pages/equ/index.vue

@@ -3,31 +3,58 @@
  layout: 'tabbar',
  needLogin: true,
  style: {
    navigationBarTitleText: '关于',
    navigationBarTitleText: '设备',
  },
}
</route>

<template>
  <view
    class="bg-white overflow-hidden pt-2 px-4"
    :style="{ marginTop: safeAreaInsets?.top + 'px' }"
  >
    <view class="text-center text-3xl mt-8">
      鸽友们好，我是
      <text class="text-red-500">菲鸽</text>
    </view>
    <RequestComp />
    <UploadComp />
  <view class="bg-base" :style="{ marginTop: safeAreaInsets?.top + 'px' }">
    <wd-cell-group border>
      <wd-cell
        title="设备列表"
        is-link
        to="/pages/equ/equ-list"
        icon="list"
        custom-icon-class="icon-color-base"
      />
      <wd-cell
        title="重点设备"
        is-link
        icon="keywords"
        custom-icon-class="icon-color-base"
        @click="handleInfo"
      />
      <wd-cell
        title="添加设备"
        is-link
        icon="add"
        custom-icon-class="icon-color-base"
        @click="handleInfo"
      />
    </wd-cell-group>
    <wd-cell-group border class="mt-2">
      <wd-cell
        title="设备盘点"
        is-link
        icon="filter"
        custom-icon-class="icon-color-base"
        @click="handleInfo"
      />
    </wd-cell-group>
  </view>
</template>

<script lang="ts" setup>
import RequestComp from './components/request.vue'
import UploadComp from './components/upload.vue'

// 获取屏幕边界到安全区域距离
const { safeAreaInsets } = uni.getSystemInfoSync()

function handleInfo() {
  uni.showToast({
    title: '功能开发中',
    icon: 'none',
  })
}
</script>

<style lang="scss" scoped>