hant/wanyu_frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复发行模式骨架屏样式错乱问题，组件样式需要写入到骨架屏文件

Browse Source
This commit is contained in:
苟川东 2025-04-24 10:19:51 +08:00
parent e5fa269e08
commit 4250d7c8f6
2 changed files with 129 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
pages/index/index-skeleton.vue
View File

@ -145,9 +145,73 @@
</view> </view>
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../components/me-icon/me-icon.css';
@font-face {
font-family: me-icon;
src: url('../../components/me-icon/me-icon.ttf');
}
.ctr { .ctr {
padding: 0 32rpx; padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
.btn-container {
.icon {
margin-right: 8rpx;
}
.btn {
width: 100%;
height: 96rpx;
border-radius: 16rpx;
font-size: 30rpx;
line-height: 112rpx;
text-align: center;
.text {
height: 96rpx;
line-height: 96rpx;
}
}
.btn-active {
color: #FFFFFF;
}
.btn-default {
color: var(--descriptionColor);
}
.wireframe-btn {
.btn {
border: 1px solid var(--contentBgColor);
box-sizing: border-box;
}
}
}
.me-icon {
font-family: me-icon;
text-decoration: none;
text-align: center;
}
.me-top {
.capsule {
.icon-ctr {
width: 60rpx;
height: 60rpx;
border: 1px solid #E9F1FE;
border-radius: 50%;
position: absolute;
left: 0;
.icon {
width: 80%;
height: 80%;
border-radius: 50%;
}
}
.title {
font-weight: 500;
font-size: 32rpx;
color: var(--titleColor);
}
}
}
.fixed-top { .fixed-top {
position: fixed; position: fixed;
top: 0; top: 0;

65
pages/workbench/workbench-skeleton.vue
View File

@ -183,9 +183,74 @@
</template> </template>
<style lang="scss" scoped> <style lang="scss" scoped>
@import '../../components/me-icon/me-icon.css';
@font-face {
font-family: me-icon;
src: url('../../components/me-icon/me-icon.ttf');
}
.ctr { .ctr {
padding: 0 32rpx; padding: 0 32rpx;
box-sizing: border-box; box-sizing: border-box;
.btn-container {
.icon {
margin-right: 8rpx;
}
.btn {
width: 100%;
height: 96rpx;
border-radius: 16rpx;
font-size: 30rpx;
line-height: 112rpx;
text-align: center;
.text {
height: 96rpx;
line-height: 96rpx;
}
}
.btn-active {
color: #FFFFFF;
}
.btn-default {
color: var(--descriptionColor);
}
.wireframe-btn {
.btn {
border: 1px solid var(--contentBgColor);
box-sizing: border-box;
}
}
}
.me-icon {
font-family: me-icon;
text-decoration: none;
text-align: center;
}
.me-top {
.capsule {
.icon-ctr {
width: 60rpx;
height: 60rpx;
border: 1px solid #E9F1FE;
border-radius: 50%;
position: absolute;
left: 0;
.icon {
width: 80%;
height: 80%;
border-radius: 50%;
}
}
.title {
font-weight: 500;
font-size: 32rpx;
color: var(--titleColor);
}
}
}
.fixed-top { .fixed-top {
position: fixed; position: fixed;
top: 0; top: 0;