agent0.1
This commit is contained in:
parent
361e6ad501
commit
986be3f4de
|
|
@ -16,12 +16,13 @@ export const commonEnum = {
|
|||
DOWN_ARROW: 'https://api.ccttiot.com/image-1755068355306.png',
|
||||
FIRE_BACKGROUND: 'https://api.ccttiot.com/image-1755070666020.png',
|
||||
FIRE_BACKGROUND_FULL: 'https://api.ccttiot.com/image-1755325033599.png',
|
||||
|
||||
COIN_BACKGROUND: 'https://api.ccttiot.com/image-1755070887001.png',
|
||||
REQUEST_AGENT: 'https://api.ccttiot.com/image-1755071317260.png',
|
||||
AGENCY_INTERESTS: 'https://api.ccttiot.com/image-1755071348347.png',
|
||||
ONLINE_CUSTOMER_SERVICE: 'https://api.ccttiot.com/image-1755071362176.png',
|
||||
SET: 'https://api.ccttiot.com/image-1755071734792.png',
|
||||
GIFT: 'https://api.ccttiot.com/image-1755071830648.png',
|
||||
//业务代理
|
||||
AGENT: 'https://api.ccttiot.com/image-1755327024599.png',
|
||||
}
|
||||
export default commonEnum
|
||||
|
|
|
|||
|
|
@ -1,17 +1,9 @@
|
|||
<template>
|
||||
<view class="lease-page">
|
||||
<!-- 头部区域 -->
|
||||
<custom-nav-bar2 title="租赁申请"></custom-nav-bar2>
|
||||
<custom-nav-bar2 title=""></custom-nav-bar2>
|
||||
<view class="header">
|
||||
<view class="header-content">
|
||||
<view class="product-info">
|
||||
<text class="product-name">渝锦汇节能灶燃烧器</text>
|
||||
<text class="product-slogan">租来节能,灶就省钱</text>
|
||||
</view>
|
||||
<view class="header-graphic">
|
||||
<image :src="commonEnum.FIRE" class="fire"></image>
|
||||
</view>
|
||||
</view>
|
||||
<image :src="commonEnum.AGENT" class="agent-background" mode="aspectFill"></image>
|
||||
</view>
|
||||
|
||||
<!-- 主要内容区域 -->
|
||||
|
|
@ -300,48 +292,21 @@ export default {
|
|||
|
||||
// 头部区域
|
||||
.header {
|
||||
padding: 200rpx 14rpx 10rpx 40rpx;
|
||||
position: relative;
|
||||
//border: #120d0d solid 2rpx;
|
||||
background: #fedfcd;
|
||||
|
||||
background: linear-gradient(to bottom, #ffdecb 0, #f7ede6 600rpx);
|
||||
|
||||
.header-content {
|
||||
.agent-background {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.product-info {
|
||||
margin-bottom: 40rpx;
|
||||
//border: red solid 2rpx;
|
||||
|
||||
.product-name {
|
||||
display: block;
|
||||
font-size: 48rpx;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20rpx;
|
||||
color: #722b03;
|
||||
}
|
||||
|
||||
.product-slogan {
|
||||
font-size: 28rpx;
|
||||
color: #f15a04;
|
||||
}
|
||||
}
|
||||
|
||||
.header-graphic {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: -85rpx;
|
||||
//border: red solid 2rpx;
|
||||
|
||||
.fire {
|
||||
width: 252rpx;
|
||||
height: 224rpx;
|
||||
}
|
||||
width: 750rpx;
|
||||
}
|
||||
}
|
||||
|
||||
// 主要内容区域
|
||||
.main-content {
|
||||
position: relative;
|
||||
top: -220rpx;
|
||||
background: #ffffff;
|
||||
border-radius: 40rpx 40rpx 0 0;
|
||||
margin: 0 30rpx;
|
||||
|
|
@ -365,7 +330,7 @@ export default {
|
|||
.section-indicator {
|
||||
width: 8rpx;
|
||||
height: 40rpx;
|
||||
background: #ff4757;
|
||||
background: #f15a04;
|
||||
border-radius: 4rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
|
@ -445,7 +410,7 @@ export default {
|
|||
justify-content: center;
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
background: #ff6b6b;
|
||||
background: #f15a04;
|
||||
border-radius: 50%;
|
||||
|
||||
.map-icon {
|
||||
|
|
@ -492,7 +457,7 @@ export default {
|
|||
|
||||
.location-title {
|
||||
font-size: 24rpx;
|
||||
color: #ff6b6b;
|
||||
color: #f15a04;
|
||||
font-weight: 500;
|
||||
margin-right: 12rpx;
|
||||
}
|
||||
|
|
@ -529,7 +494,7 @@ export default {
|
|||
}
|
||||
|
||||
.get-location-btn {
|
||||
background: #ff6b6b;
|
||||
background: #f15a04;
|
||||
color: #ffffff;
|
||||
border: none;
|
||||
border-radius: 24rpx;
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user