style: replace legacy padding classes with inline pixel values
Remove the unused padding.scss stylesheet and its import from the main SCSS entrypoint. Update all legacy padding utility class names across every Vue component to use inline pixel-based utility classes (such as replacing `pl-12` with `pl-[12px]`). Also clean up extraneous whitespace and line breaks in component templates for improved readability.
This commit is contained in:
@@ -3,7 +3,7 @@
|
||||
<!-- 占位撑开 -->
|
||||
<view class="w-vw"></view>
|
||||
<view class="content flex flex-col m-4 border-box rounded-24">
|
||||
<view class="flex flex-col p-6 border-box flex-items-center justify-center">
|
||||
<view class="flex flex-col p-[6px] border-box flex-items-center justify-center">
|
||||
<image class="w-full rounded-20" :src="componentDataMap.background" mode="widthFix" />
|
||||
|
||||
<!-- 左上角标签 -->
|
||||
@@ -18,10 +18,10 @@
|
||||
{{ componentDataMap.description }}
|
||||
</text>
|
||||
|
||||
<view class="w-full border-box px-12 pb-[8px] flex flex-row" @click="jumpClick">
|
||||
<view class="btn-bg w-full border-box p-4 rounded-24 flex flex-row">
|
||||
<view class="w-full border-box px-[12px] pb-[8px] flex flex-row" @click="jumpClick">
|
||||
<view class="btn-bg w-full border-box p-[4px] rounded-24 flex flex-row">
|
||||
<view
|
||||
class="btn-bg-sub w-full border-box p-16 rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
|
||||
class="btn-bg-sub w-full border-box p-[16px] rounded-20 flex flex-row flex-items-center flex-justify-center color-white text-center font-size-18 font-800">
|
||||
{{ componentDataMap.buttonName }}
|
||||
</view>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user