mirror of
https://github.com/ialley-workshop-open/uni-halo.git
synced 2026-09-12 16:40:40 +08:00
style(love page): 调整情侣头像偏移并添加心动图标动画注释
更新了情侣头像的偏移量,给女生头像上方添加了心动图标占位和todo注释,同时更新了图标字体文件和新增爱心图标样式
This commit is contained in:
@@ -183,14 +183,16 @@
|
|||||||
<!-- 情侣信息 -->
|
<!-- 情侣信息 -->
|
||||||
<view class="relative z-10 h-92 w-screen flex flex-col items-center justify-center">
|
<view class="relative z-10 h-92 w-screen flex flex-col items-center justify-center">
|
||||||
<view class="relative z-10 w-full h-full flex items-center justify-center rounded-xl">
|
<view class="relative z-10 w-full h-full flex items-center justify-center rounded-xl">
|
||||||
<view class="boy flex flex-col items-center justify-center translate-x-1">
|
<view class="boy flex flex-col items-center justify-center translate-x-0.5">
|
||||||
<image class="uh-global-card-glass border-3 box-border border-blue-400 h-26 w-26 rounded-full"
|
<image class="uh-global-card-glass border-3 box-border border-blue-400 h-26 w-26 rounded-full"
|
||||||
:src="checkAvatarUrl(loveConfig.loveInfo.boyAvatar)" mode="aspectFill" />
|
:src="checkAvatarUrl(loveConfig.loveInfo.boyAvatar)" mode="aspectFill" />
|
||||||
<view class="bg-blue-500 mt-2 text-center text-xs text-white font-bold px-2 py-1 rounded-lg">
|
<view class="bg-blue-500 mt-2 text-center text-xs text-white font-bold px-2 py-1 rounded-lg">
|
||||||
{{ loveConfig.loveInfo.boyNickname }}
|
{{ loveConfig.loveInfo.boyNickname }}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
<view class="girl flex flex-col items-center justify-center -translate-x-1">
|
<!-- todo:加一个心动呼吸动画 -->
|
||||||
|
<text class="absolute z-10 -translate-y-4"><wd-icon class-prefix="uhlove-icon" name="aixin" size="90rpx"></wd-icon></text>
|
||||||
|
<view class="girl flex flex-col items-center justify-center -translate-x-0.5">
|
||||||
<image class="uh-global-card-glass border-3 box-border border-love h-26 w-26 rounded-full"
|
<image class="uh-global-card-glass border-3 box-border border-love h-26 w-26 rounded-full"
|
||||||
:src="checkAvatarUrl(loveConfig.loveInfo.girlAvatar)" mode="aspectFill" />
|
:src="checkAvatarUrl(loveConfig.loveInfo.girlAvatar)" mode="aspectFill" />
|
||||||
<view class="bg-love mt-2 text-center text-xs text-white font-bold px-2 py-1 rounded-lg">
|
<view class="bg-love mt-2 text-center text-xs text-white font-bold px-2 py-1 rounded-lg">
|
||||||
|
|||||||
@@ -2,7 +2,7 @@
|
|||||||
font-family: "uhlove-icon"; /* Project id 5231616 */
|
font-family: "uhlove-icon"; /* Project id 5231616 */
|
||||||
/* Color fonts */
|
/* Color fonts */
|
||||||
src:
|
src:
|
||||||
url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAARwAAwAAAAACOgAAAQiAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIlgjHgZgAEwKiXSHFgE2AiQDKgsoAAQgBYIUByAbjwYRFZs62eNDeNa/mSSLTIoFyGwPTI9MD/C3mOv3W5kQKcEiIRMSrf7vy3uoZXFL0JhOSKLN/CwRj3Sl3gN2Wy23sREAB0APwBeiKQABHAm8KbSFYKOwIi9bA7ABhS0AEQSM8EsAdC03cTAAMAKwI7z2AMADoeh+MwFNu1CsbTjvagueo3TgS5S7Riigh+gwgCpvHDKMBJIAQ4EY8ZXqmuoiPAjfz905RVMATgHsAAEACvrcGugYvSpwpBHxHDxS502uAGjrZdLnzp+7axoQFWifP3L73e07t6/7qjSQA3UnGIATQGYA8ijIDn6O9UzE0ZgCYchIohcLlxz0W/Ilo9FZ8NMvX0L/Yot5P9tqgaKKW/b1tOw/7zRlOejYunyrS8fha8HT5550bVQPOlnOu7TsL9Q7tsa+IBPOvE/Ub1FBF2+9D7xyL+G8n5BesqAww1YimLMG0C6JusMPsOVjbO0wUPWMc/O5wMYzwRCtnnNevHU/6VAgjapYWF8iaulWl/MeAk8w+bzq2Hx3aqPqDF6yhVmbB1aiDoG3EfP9E4i+F1YHg86GzN3edDED+i2Lp2Gb2frK1OBlzIYXQZWXmGDYetGHCym4lKu7vLwPsgqLAyOm+CzL2xub90d6/2Hn9kPiGWvzoUDArbv0z46mg2yrS0ubpXvOf5+5tihVNiNFzon+REHGzx+nfPwocvewHxjTGPufse/xSUHd413PvBb8yWv3dM9IiDVO2s8cX3sgZ2nwJ0u5/cVRafLevSllnmdv8Cd7y5Q3pMt78/BXEATxezbBvhcFvNLtUeTu4VHo0eDe6BHHvu90UxxjDRLzYFIDi3QaG21DnHuTOxL9O8QfVL3I4CWcwt1Mf/UOU0FF2cqc8oyprPL0LcVPXNfjekApgcLdrL7raJfwfZxyB7uOkYVINObob7+mZ92+JAILxdS4MkeWp7IotpSAUCLZ2izY2JZOixctb6lbgtuCHStJO49f3VKCQT9jE0zFt2P543OlFrETP3pF3BOuht8TUR7u8eFsvtOzjqrjs07ljmQW0mvfETW2IR+PtoBR5dIGpiG+t+Hj0IkDR7563hS9M812YVFQy+uuDzrl3igfk699dmL34/e3lDWq64va7qpdescNJ8cHKqeelZa+K4/q/IEFHA/70ih7j26sZ32PIfM3G+4Ruj9/bMPzXn6edhf3JFcE/F5MC/rPWJsH8pDKPfnKKQzVjy0Pm+3IPHyKJ9FB/oDLx2mSis10BfLoG5hAdbuwA/LBzaam8cgK1eBAeFsQOAORjULP06SIQyYCRTyC0SsS4I4NX7VCME7AhFFMYgaLMIQojGGAsE2jnrw1AhMm0Yd5xCEasaY3A9WosaEoaKBVryi+AYQ8X1szhsAlY6yiYrQWjEDv00TQbkECDAA=') format('woff2');
|
url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2');
|
||||||
}
|
}
|
||||||
|
|
||||||
.uhlove-icon {
|
.uhlove-icon {
|
||||||
@@ -13,6 +13,10 @@
|
|||||||
-moz-osx-font-smoothing: grayscale;
|
-moz-osx-font-smoothing: grayscale;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.uhlove-icon-aixin:before {
|
||||||
|
content: "\e607";
|
||||||
|
}
|
||||||
|
|
||||||
.uhlove-icon-gushi:before {
|
.uhlove-icon-gushi:before {
|
||||||
content: "\e60c";
|
content: "\e60c";
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user