设置header默认颜色

This commit is contained in:
TOP糯米 2023-02-25 21:24:04 +08:00
parent 0652620f2d
commit 94aa5813a5
15 changed files with 18 additions and 25 deletions

View File

@ -54,11 +54,11 @@ export default {
}, },
backgroundColor: { backgroundColor: {
type: String, type: String,
default: "unset", default: "#F6F6F6",
}, },
headerBackgroundColor: { headerBackgroundColor: {
type: String, type: String,
default: "unset", default: "#F6F6F6",
}, },
customBtn: { customBtn: {
type: Boolean, type: Boolean,

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" :title="pageTitle" textColor="dark" backgroundColor="#F6F6F6"> <app-layout :title="pageTitle">
<view class="address-group"> <view class="address-group">
<view class="address-item" v-for="(item, index) in list" :key="index"> <view class="address-item" v-for="(item, index) in list" :key="index">
<view class="address-box" @click="selectAddress(item)" @longpress="deleteAddress(item.id, index)"> <view class="address-box" @click="selectAddress(item)" @longpress="deleteAddress(item.id, index)">

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" textColor="dark" :title="pageTitle" backgroundColor="#F6F6F6"> <app-layout :title="pageTitle">
<view class="tips-container"> <view class="tips-container">
<widget-tips text="个人信息仅用于发布需求,隐私信息完全保密" textColor="#ffa800" /> <widget-tips text="个人信息仅用于发布需求,隐私信息完全保密" textColor="#ffa800" />
</view> </view>

View File

@ -1,12 +1,5 @@
<template> <template>
<app-layout <app-layout :title="pageTitle" :customBtn="customBtn" @onClickBtn="clickBackBtn">
headerBackgroundColor="#F6F6F6"
backgroundColor="#F6F6F6"
:title="pageTitle"
:customBtn="customBtn"
textColor="dark"
@onClickBtn="clickBackBtn"
>
<view class="step-desc"> <view class="step-desc">
<text class="text active">发布需求</text> <text class="text active">发布需求</text>
<text class="text normal"> 多位师傅报价/议价 选择师傅 师傅上门 </text> <text class="text normal"> 多位师傅报价/议价 选择师傅 师傅上门 </text>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" textColor="dark" title="我的" btnType="unset"> <app-layout title="我的" btnType="unset">
<view class="member-header"> <view class="member-header">
<view class="headimg"> <view class="headimg">
<image class="img-src" :src="info.headimg" mode="aspectFill" /> <image class="img-src" :src="info.headimg" mode="aspectFill" />

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" title="确认订单" textColor="dark" backgroundColor="#F6F6F6"> <app-layout title="确认订单">
<view class="tips-container"> <view class="tips-container">
<widget-tips text="保险公司承保,人身财产,双重保障,下单无忧!" /> <widget-tips text="保险公司承保,人身财产,双重保障,下单无忧!" />
</view> </view>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="订单详情" textColor="dark"> <app-layout title="订单详情">
<view class="state-textbox"> <view class="state-textbox">
<text class="state-text">等待您选择师傅</text> <text class="state-text">等待您选择师傅</text>
<text class="state-desc">为保证师傅按时上门建议尽快选择师傅并完成支付 </text> <text class="state-desc">为保证师傅按时上门建议尽快选择师傅并完成支付 </text>
@ -255,7 +255,7 @@ export default {
}); });
}, },
workerDetail(id) { workerDetail(id) {
this.$utils.toPage('/pages/worker/detail?id=' + id); this.$utils.toPage("/pages/worker/detail?id=" + id);
}, },
chooseWorker(id) { chooseWorker(id) {
const that = this; const that = this;

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="订单" textColor="dark" btnType="unset"> <app-layout title="订单" btnType="unset">
<view class="select-group"> <view class="select-group">
<view <view
class="select-item" class="select-item"

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="购物车" textColor="dark"> <app-layout title="购物车">
<view class="cart-tips"> <view class="cart-tips">
<widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" /> <widget-tips text="为什么会拆成多个订单?根据师傅服务能力与服务类型进行订单拆分" />
</view> </view>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout minHeight="unset" btnType="unset" title="分类" backgroundColor="#F6F6F6" headerBackgroundColor="#F6F6F6"> <app-layout minHeight="unset" btnType="unset" title="分类">
<view class="search-component"> <view class="search-component">
<widget-search /> <widget-search />
</view> </view>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" :title="pageTitle" textColor="dark" backgroundColor="#F6F6F6"> <app-layout :title="pageTitle">
<view class="service-detail-select-group"> <view class="service-detail-select-group">
<view class="select-item" :class="[tabIndex == 0 ? 'active' : '']" @click="tabIndex = 0"> <view class="select-item" :class="[tabIndex == 0 ? 'active' : '']" @click="tabIndex = 0">
<text class="text">详情</text> <text class="text">详情</text>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" title="联保" textColor="dark" backgroundColor="#F6F6F6" btnType="unset"> <app-layout title="联保" btnType="unset">
<view class="background"> <view class="background">
<image class="image" :src="background" mode="widthFix" /> <image class="image" :src="background" mode="widthFix" />
</view> </view>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" title="企业合作安装" textColor="dark" backgroundColor="#F6F6F6"> <app-layout title="企业合作安装">
<view class="background"> <view class="background">
<image class="image" :src="background" mode="widthFix" /> <image class="image" :src="background" mode="widthFix" />
</view> </view>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" title="工程安装" textColor="dark" backgroundColor="#F6F6F6"> <app-layout title="工程安装">
<view class="background"> <view class="background">
<image class="image" :src="background" mode="widthFix" /> <image class="image" :src="background" mode="widthFix" />
</view> </view>

View File

@ -1,5 +1,5 @@
<template> <template>
<app-layout headerBackgroundColor="#F6F6F6" backgroundColor="#F6F6F6" title="师傅详情" textColor="dark"> <app-layout title="师傅详情">
<view class="worker-header"> <view class="worker-header">
<view class="worker-base"> <view class="worker-base">
<view class="head"> <view class="head">
@ -109,7 +109,7 @@ export default {
} }
.num { .num {
font-size: 36rpx; font-size: 36rpx;
color: #8B9AEB; color: #8b9aeb;
} }
.unit { .unit {
font-size: 36rpx; font-size: 36rpx;