@@ -48,7 +48,7 @@ const props = defineProps({
// 图标大小
iconSize: {
type: Number,
- default: 80
+ default: 88
},
// 图标颜色
iconColor: {
@@ -98,8 +98,8 @@ const containerStyle = computed(() => {
const iconBoxStyle = computed(() => {
return {
- width: (props.iconSize * 1.5 / 2) + 'px',
- height: (props.iconSize * 1.5 / 2) + 'px'
+ width: (88 ) + 'px',
+ height: (78) + 'px'
}
})
@@ -94,7 +94,7 @@
path: 'pages/splash/splash?userId=' + cardInfo.value.userId,
imageUrl: cardImage.value,
- title:`${cardInfo.value.nickName} 向你分享了名片`
+ title: `${cardInfo.value.nickName} 向你分享了名片`
};
});
const makeCall = () => {
@@ -257,7 +257,7 @@
.avatar-wrapper {
position: absolute;
- top:74rpx;
+ top: 74rpx;
right: 36rpx;
z-index: 2;
@@ -269,7 +269,9 @@
display: flex;
align-items: center;
margin-bottom: 16rpx;
+
+ /* 溢出部分用省略号代替 */
uni-icons {
margin-right: 12rpx;
flex-shrink: 0;
@@ -278,6 +280,11 @@
.contact-text {
font-size: 26rpx;
color: #666666;
+ overflow: hidden;
+ /* 隐藏溢出的内容 */
+ white-space: nowrap;
+ /* 强制文本在一行内显示 */
+ text-overflow: ellipsis;
@@ -457,7 +457,7 @@
.verify-code-row {
- gap: 6rpx;
+ gap: 24rpx;
.code-input {
flex: 1;
@@ -481,7 +481,7 @@
.login-btn {
width: 100%;
height: 88rpx;
- background: linear-gradient(90deg, #1890ff 0%, #096dd9 100%);
+ background: #155DFC;
border-radius: 16rpx;
border: none;
font-size: 32rpx;
@@ -500,16 +500,15 @@
.agreement-text {
flex-wrap: wrap;
- justify-content: center;
font-size: 22rpx;
-
+ padding-left: 24rpx;
.gray-text {
color: #999999;
margin: 0 4rpx;
.link-text {
- color: #1890ff;
+ color: #155DFC;
@@ -546,7 +545,7 @@
.wechat-login-btn {
+ background:#E3ECFF ;
@@ -572,7 +571,7 @@
.wechat-text {
- color: #ffffff;
@@ -271,6 +271,11 @@
@@ -273,6 +273,11 @@