setup
This commit is contained in:
62
components/MyHeader.vue
Normal file
62
components/MyHeader.vue
Normal file
@@ -0,0 +1,62 @@
|
||||
<template>
|
||||
<view class="header">
|
||||
<view class="header-title">车间物流监控</view>
|
||||
<view class="exit_btn iconfont" @tap="toBack"></view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name:"MyHeader",
|
||||
data() {
|
||||
return {
|
||||
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
toBack () {
|
||||
uni.redirectTo({
|
||||
url: '/pages/setup'
|
||||
})
|
||||
}
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style lang="stylus" scoped>
|
||||
.header
|
||||
position absolute
|
||||
left 0
|
||||
top 0
|
||||
width 100%
|
||||
height 181px
|
||||
background center / 100% url('../static/image/header_bg.png') no-repeat
|
||||
.header-title
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
padding-top 26px
|
||||
font-size: 60px;
|
||||
font-family: 'YouSheBiaoTiHei';
|
||||
font-weight: 400;
|
||||
color: transparent;
|
||||
line-height: 44px;
|
||||
opacity: 0.89;
|
||||
letter-spacing 10px
|
||||
background: linear-gradient(0deg, #AAD0F6 0%, #D7E7F5 53.3154296875%, #E0EAF6 100%);
|
||||
filter: drop-shadow(#092F6D 1px 4px 1px);
|
||||
-webkit-background-clip: text;
|
||||
background-clip: text;
|
||||
text-align center
|
||||
margin: 0 auto;
|
||||
.exit_btn
|
||||
position absolute
|
||||
left 15px
|
||||
top 29px
|
||||
height 28px
|
||||
width 28px
|
||||
line-height 28px
|
||||
font-size 20px
|
||||
color #aecaf5
|
||||
text-align: center;
|
||||
cursor: pointer;
|
||||
</style>
|
||||
Reference in New Issue
Block a user