123

ruoyi-ui/src/views/login.vue

@@ -75,8 +75,8 @@ export default {
       footerContent: defaultSettings.footerContent,
       codeUrl: "",
       loginForm: {
-        username: "admin",
-        password: "admin123",
+        username: "",
+        password: "",
         rememberMe: false,
         code: "",
         uuid: ""

shop-app/pages/mine/index.vue

@@ -15,11 +15,19 @@
 		<scroll-view class="mine-scroll" scroll-y :style="{ height: scrollHeight }">
 			<view class="mine-body">
 			<view v-if="!loggedIn" class="mine-guest">
-				<text class="mine-guest__title">登录后享受完整购物服务</text>
-				<text class="mine-guest__tip">下单、加购需登录会员账号</text>
+				<view class="mine-guest__hero">
+					<view class="mine-guest__icon-ring">
+						<u-icon name="account" color="#2e7d32" size="44" />
+					</view>
+					<text class="mine-guest__title">登录后享受完整购物服务</text>
+					<text class="mine-guest__tip">下单、加购、查订单，一站式农资采购</text>
+				</view>
 				<view class="mine-guest__btns">
-					<button class="mine-btn-primary" @click="goLogin">登录</button>
-					<button class="mine-btn-outline" @click="goRegister">注册会员</button>
+					<button class="mine-btn-primary mine-guest__btn-login" @click="goLogin">立即登录</button>
+					<view class="mine-guest__register" @click="goRegister">
+						<text class="mine-guest__register-text">还没有账号？</text>
+						<text class="mine-guest__register-link">注册会员</text>
+					</view>
 				</view>
 			</view>
 
@@ -110,6 +118,7 @@ const avatarUrl = ref('/static/logo.png')
 
 const userStore = useUserStore()
 const orderShortcuts = ORDER_MINE_SHORTCUTS
+
 const orderBadges = ref({
   pendingPayCount: 0,
   pendingShipCount: 0,

shop-app/styles/mine.scss

@@ -181,15 +181,35 @@
 }
 
 .mine-guest {
-  margin: 24rpx;
-  padding: 48rpx 32rpx;
-  text-align: center;
+  margin-bottom: 24rpx;
+  overflow: hidden;
   background: #fff;
   border-radius: 20rpx;
+  box-shadow: 0 4rpx 20rpx rgba(74, 69, 66, 0.06);
+}
+
+.mine-guest__hero {
+  padding: 40rpx 32rpx 8rpx;
+  text-align: center;
+  background: linear-gradient(180deg, #ecfdf3 0%, #fff 100%);
+}
+
+.mine-guest__icon-ring {
+  width: 120rpx;
+  height: 120rpx;
+  margin: 0 auto;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: linear-gradient(145deg, #dcfce7 0%, #bbf7d0 100%);
+  box-shadow: 0 8rpx 24rpx rgba(46, 125, 50, 0.15);
 }
 
 .mine-guest__title {
-  font-size: 32rpx;
+  display: block;
+  margin-top: 28rpx;
+  font-size: 34rpx;
   font-weight: 600;
   color: $morandi-text;
 }
@@ -199,13 +219,40 @@
   margin-top: 12rpx;
   font-size: 26rpx;
   color: $morandi-text-muted;
+  line-height: 1.5;
 }
 
 .mine-guest__btns {
-  margin-top: 40rpx;
+  padding: 32rpx 32rpx 40rpx;
+}
+
+.mine-guest__btn-login {
+  width: 100%;
+  background: linear-gradient(135deg, #43a047 0%, #2e7d32 100%);
+  box-shadow: 0 8rpx 20rpx rgba(46, 125, 50, 0.25);
+}
+
+.mine-guest__btn-login::after {
+  border: none;
+}
+
+.mine-guest__register {
+  margin-top: 24rpx;
   display: flex;
-  flex-direction: column;
-  gap: 20rpx;
+  align-items: center;
+  justify-content: center;
+  gap: 8rpx;
+}
+
+.mine-guest__register-text {
+  font-size: 26rpx;
+  color: $morandi-text-muted;
+}
+
+.mine-guest__register-link {
+  font-size: 26rpx;
+  color: #2e7d32;
+  font-weight: 600;
 }
 
 .mine-btn-primary {
@@ -218,6 +265,10 @@
   border: none;
 }
 
+.mine-btn-primary::after {
+  border: none;
+}
+
 .mine-btn-outline {
   height: 80rpx;
   line-height: 80rpx;