beefCattle-uni/src/pages/my/my.vue

<route lang="json5" type="page">
{
  style: { navigationBarTitleText: '欢迎登录' },
}
</route>

<template>
  <view class="text-center container">
    <view class="px-10 pt-20 pb-20 top-box">
      <view class="con-top">
        <view class="h1 mb-8 mt-10">科湃腾肉牛系统</view>
        <view class="h3 mb-10 pt-4">简化牧场管理，从这里开始！</view>
      </view>
      <view class="btn mt-10 user">用户一键登录</view>
      <view class="btn mt-10 tel" @click="getPhone">手机号安全登录</view>
      <text class="mt-10 title">
        <wd-radio :value="1">我已认真阅读并同意《服务协议》、《隐私政策》</wd-radio>
      </text>
    </view>
  </view>
</template>

<script lang="ts" setup>
defineOptions({
  name: 'Login',
})

const getPhone = () => {
  uni.navigateTo({ url: '/pages/telPhone/telPhone' })
}
</script>

<style lang="scss" scoped>
//
.con-top {
  color: #f59e0b;
  font-size: 56rpx;
}
.h3 {
  font-size: 36rpx;
}

.btn {
  color: #fff;
  border-radius: 60rpx;
  height: 80rpx;
  line-height: 80rpx;
  font-size: 36rpx;
  margin: 30rpx auto;
}
.user {
  background-color: #eea441;
  margin-bottom: 50rpx;
}
.tel {
  background-color: #2a9d8f;
}
.container {
  // background-color: #fafafa;
  height: 100vh;
}
.top-box {
  background-color: #fff;
}
</style>