Authored by TaoHuang

fix

<template>
<div class="header">
<div class="back-wrapper flex" @touchend="onBack">
<div class="back"></div>
<div class="back" v-if="showBack"></div>
</div>
<div class="title flex" :style="{opacity}">
<slot>
... ... @@ -24,6 +24,10 @@ export default {
opacity: {
type: Number,
default: 1
},
showBack: {
type: Boolean,
default: true
}
},
computed: {
... ...
<template>
<div class="layout">
<LayoutHeader class="layout-header" :title="title" :opacity="opacity"></LayoutHeader>
<LayoutHeader class="layout-header" :title="title" :opacity="opacity" :show-back="showBack"></LayoutHeader>
<div class="layout-context" :class="{fixscroll: this.fixscroll}">
<slot></slot>
</div>
... ... @@ -21,6 +21,10 @@ export default {
fixscroll: {
type: Boolean,
default: false
},
showBack: {
type: Boolean,
default: true
}
},
components: {
... ...
... ... @@ -26,6 +26,10 @@ export default {
<style lang="scss" scoped>
.banner {
font-size: 0;
padding-bottom: 20px;
background-color: #f0f0f0;
img {
position: relative;
width: 100%;
... ...
... ... @@ -71,12 +71,12 @@ export default {
font-size: 34px;
color: #222;
text-align: center;
font-weight: 600;
font-weight: bold;
margin-bottom: 20px;
}
.header-wrapper {
position: relative;
position: sticky;
height: 100px;
}
... ... @@ -118,10 +118,9 @@ export default {
font-size: 28px;
color: #444;
display: flex;
border-bottom: 0.5PX solid #b0b0b0;
border-bottom: 0.5PX solid #e0e0e0;
line-height: 100px;
position: relative;
display: flex;
justify-content: space-between;
}
... ...
<template>
<LayoutApp title="邀新返佣">
<LayoutApp title="邀新返佣" :show-back="false">
<div class="body">
<Banner></Banner>
<List></List>
... ...
{
"name": "ufo-app-web",
"version": "1.0.8",
"version": "1.0.9",
"private": true,
"description": "A New Yohobuy Project With Express",
"repository": {
... ...