设置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: {
type: String,
default: "unset",
default: "#F6F6F6",
},
headerBackgroundColor: {
type: String,
default: "unset",
default: "#F6F6F6",
},
customBtn: {
type: Boolean,

View File

@ -1,5 +1,5 @@
<template>
<app-layout headerBackgroundColor="#F6F6F6" :title="pageTitle" textColor="dark" backgroundColor="#F6F6F6">
<app-layout :title="pageTitle">
<view class="address-group">
<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 File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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