com.kailaimei.carbon/components/status-nav/status-nav.vue

58 lines
995 B
Vue

<template>
<view class="header">
<view class="logo">
<image src="/static/logo.png" mode="widthFix"></image>
</view>
<view class="title">
<image src="/static/count-title.png" mode="widthFix"></image>
</view>
<view class="position" @tap="backHome">
<image src="/static/icon-home.png" mode="widthFix"></image>
</view>
</view>
</template>
<script>
export default {
name: "status-nav",
data() {
return {
};
},
methods: {
// 返回主页
backHome(){
plus.runtime.launchApplication({
//打开app
pname: "io.feihouyun.cs", //B款app云打包的包名
});
},
}
}
</script>
<style scoped>
.header{
display: flex;
justify-content: space-between;
align-items: flex-end;
flex-wrap: wrap;
padding-top: 26px;
}
.header .logo{
width: 197px;
padding: 0 0 6px 39px;
}
.header .title{
width: 480px;
}
.header .position{
width: 161px;
padding: 0 60px 6px 25px;
}
.header view image{
width: 100%;
}
</style>