feat: add new features, update theme and build config
- Add 40+ new UI components including chat modules, discovery cards, photo galleries, FAQ and booking tools - Standardize brand color across all styles by replacing $theme-color-500 SCSS variables with #0ccd58 - Add sass 1.58.3 dependency and update vite config for modern scss compiler support - Refactor existing components (AddCarCrad, login page) and remove unused /quick/list router route - Add utility functions for URL parameter handling - Add static assets including custom znicons font, component images and icons - Fix scss syntax issues and deprecation warnings
This commit is contained in:
@@ -17,14 +17,14 @@
|
||||
left: 24rpx;
|
||||
font-size: 20rpx;
|
||||
color: $uni-text-color-grey;
|
||||
background-color: $uni-bg-color;
|
||||
background-color: #fff;
|
||||
padding: 0 8rpx;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.date-box {
|
||||
padding: 20rpx 24rpx;
|
||||
background-color: $uni-bg-color;
|
||||
background-color: #fff;
|
||||
border-radius: 16rpx;
|
||||
border: 2rpx solid #f0f0f0;
|
||||
display: flex;
|
||||
|
||||
@@ -185,7 +185,7 @@
|
||||
.confirm-btn {
|
||||
width: 160px;
|
||||
height: 48px;
|
||||
background: linear-gradient(179deg, $theme-color-500 0%, $theme-color-700 100%);
|
||||
background: linear-gradient(179deg, #0ccd58 0%, $theme-color-700 100%);
|
||||
color: #fff;
|
||||
border: none;
|
||||
border-radius: 24px;
|
||||
|
||||
@@ -1,16 +1,9 @@
|
||||
<template>
|
||||
<div class="border-box border-top-8">
|
||||
<div
|
||||
class="border-box pt-12 pl-12 pr-12"
|
||||
v-for="(moduleItem, index) in goodsData.commodityEquipment"
|
||||
:key="index"
|
||||
>
|
||||
<div
|
||||
class="flex flex-items-start flex-col"
|
||||
:class="{
|
||||
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
||||
}"
|
||||
>
|
||||
<div class="border-box pt-12 pl-12 pr-12" v-for="(moduleItem, index) in goodsData.commodityEquipment" :key="index">
|
||||
<div class="flex flex-items-start flex-col" :class="{
|
||||
'border-bottom': index < goodsData.commodityEquipment.length - 1,
|
||||
}">
|
||||
<div class="flex flex-items-center flex-row flex-shrink-0">
|
||||
<uni-icons fontFamily="znicons" size="20" color="#171717">
|
||||
{{ zniconsMap[moduleItem.icon] }}
|
||||
@@ -20,11 +13,8 @@
|
||||
</span>
|
||||
</div>
|
||||
<div class="border-box flex flex-items-center flex-row mt-4 pb-12">
|
||||
<span
|
||||
class="font-size-12 color-525866 line-height-20 mr-4"
|
||||
v-for="(span, index) in moduleItem.desc"
|
||||
:key="index"
|
||||
>
|
||||
<span class="font-size-12 color-525866 line-height-20 mr-4" v-for="(span, index) in moduleItem.desc"
|
||||
:key="index">
|
||||
{{ span }}
|
||||
</span>
|
||||
</div>
|
||||
@@ -34,7 +24,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { zniconsMap } from "@/static/fonts/znicons.js";
|
||||
import { zniconsMap } from "@/assets/fonts/znicons";
|
||||
import { defineProps } from "vue";
|
||||
|
||||
// Props定义
|
||||
@@ -49,6 +39,6 @@ const props = defineProps({
|
||||
<style scoped lang="scss">
|
||||
@font-face {
|
||||
font-family: znicons;
|
||||
src: url("@/static/fonts/znicons.ttf");
|
||||
src: url("@/assets/fonts/znicons.ttf");
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user