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:
@@ -1,16 +1,10 @@
|
||||
<template>
|
||||
<view class="border-box border-top-8">
|
||||
<view
|
||||
class="border-box pt-12 pl-12 pr-12"
|
||||
v-for="(moduleItem, index) in goodsData.commodityEquipment"
|
||||
:key="index"
|
||||
>
|
||||
<view
|
||||
class="flex flex-items-start flex-col"
|
||||
:class="{
|
||||
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
||||
}"
|
||||
>
|
||||
<view class="border-box pt-[12px] pl-[12px] pr-[12px]" v-for="(moduleItem, index) in goodsData.commodityEquipment"
|
||||
:key="index">
|
||||
<view class="flex flex-items-start flex-col" :class="{
|
||||
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
||||
}">
|
||||
<view class="flex flex-items-center flex-row flex-shrink-0">
|
||||
<uni-icons fontFamily="znicons" size="20" color="#171717">
|
||||
{{ zniconsMap[moduleItem.icon] }}
|
||||
@@ -19,12 +13,9 @@
|
||||
{{ moduleItem.title }}
|
||||
</text>
|
||||
</view>
|
||||
<view class="border-box flex flex-col flex-items-start mt-4 pb-12">
|
||||
<text
|
||||
class="font-size-12 color-525866 line-height-20 mb-4"
|
||||
v-for="(text, index) in moduleItem.desc"
|
||||
:key="index"
|
||||
>
|
||||
<view class="border-box flex flex-col flex-items-start mt-4 pb-[12px]">
|
||||
<text class="font-size-12 color-525866 line-height-20 mb-4" v-for="(text, index) in moduleItem.desc"
|
||||
:key="index">
|
||||
{{ text }}
|
||||
</text>
|
||||
</view>
|
||||
|
||||
Reference in New Issue
Block a user