hookehuyr

refactor(Dashboard): 将样式从vue文件移动到单独的less文件

将Dashboard页面的样式从vue文件中提取到单独的index.less文件,提高代码可维护性
.points-rule-tip {
position: absolute;
// background-color: white;
top: 0rpx;
right: 0rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 999;
cursor: pointer;
}
.tip-icon {
font-size: 32rpx;
margin-bottom: 4rpx;
}
.tip-text {
font-size: 20rpx;
color: #666;
line-height: 1;
}
......
......@@ -150,12 +150,11 @@
@close="handleAdClose"
@click="handleAdClick"
/>
</view>
</template>
<script setup>
import "./index.less";
import { ref, computed, onMounted } from 'vue';
import Taro, { useDidShow, useReady } from '@tarojs/taro';
import { Setting, Photograph, Category } from '@nutui/icons-vue-taro';
......@@ -187,8 +186,6 @@ const familySlogn = ref('')
const familyCover = ref('')
const familyOwner = ref(false);
// 广告遮罩层数据
const adObj = ref({})
......@@ -263,8 +260,6 @@ const goToProfile = () => {
Taro.navigateTo({ url: '/pages/EditFamily/index' });
};
/**
* 打开拍照上传页面
*/
......@@ -396,29 +391,3 @@ useReady(async () => {
});
})
</script>
<style lang="less">
.points-rule-tip {
position: absolute;
// background-color: white;
top: 0rpx;
right: 0rpx;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
z-index: 999;
cursor: pointer;
}
.tip-icon {
font-size: 32rpx;
margin-bottom: 4rpx;
}
.tip-text {
font-size: 20rpx;
color: #666;
line-height: 1;
}
</style>
......