feat: unify project responsive layouts
This commit is contained in:
@@ -177,6 +177,8 @@ const openItem = (item) => uni.navigateTo({ url: item.url });
|
||||
</script>
|
||||
|
||||
<style scoped lang="scss">
|
||||
@use "../../styles/adaptive-frame-profiles.scss" as adaptive;
|
||||
|
||||
.profile-page {
|
||||
display: flex;
|
||||
min-height: 100vh;
|
||||
@@ -192,11 +194,10 @@ const openItem = (item) => uni.navigateTo({ url: item.url });
|
||||
padding: 26rpx 30rpx 190rpx;
|
||||
}
|
||||
.profile-hero {
|
||||
@include adaptive.adaptive-profile-summary;
|
||||
display: grid;
|
||||
width: 100%;
|
||||
min-height: 252rpx;
|
||||
box-sizing: border-box;
|
||||
background: url("/static/assets/modules/profile/transparent/m01-profile-summary-card.png") center / 100% 100% no-repeat;
|
||||
}
|
||||
.profile-hero__content {
|
||||
z-index: 1;
|
||||
@@ -284,10 +285,10 @@ const openItem = (item) => uni.navigateTo({ url: item.url });
|
||||
letter-spacing: 2rpx;
|
||||
}
|
||||
.profile-scroll-notice {
|
||||
@include adaptive.adaptive-scroll-button(primary);
|
||||
width: 88%;
|
||||
min-height: 112rpx;
|
||||
margin: 22rpx auto 0;
|
||||
background: url("/static/assets/foundation/transparent/a01-scroll-primary-v3.png") center / 100% 100% no-repeat;
|
||||
}
|
||||
.profile-scroll-notice__copy {
|
||||
display: flex;
|
||||
|
||||
Reference in New Issue
Block a user