Commit 7bafe2a6 by lishengfu

update

parent 048dc434
Showing with 60 additions and 12 deletions
<template> <template>
<div> <div class="content">
<button>测试</button> <div class="tip">1</div>
<van-button type="primary">主要按钮</van-button> <div class="title">工作信息</div>
<van-button type="info">信息按钮</van-button> <div class="nav">
<!-- <van-cell title="单元格" is-link /> --> <p>派遣公司</p>
</div> <p>用工单位</p>
<p>工作地点</p>
<p>工作职位</p>
<p>入职时间</p>
</div>
<div class="info">
<p>北京金色华勤数据服务有限公司</p>
<p>北京金色华勤数据服务有限公司</p>
<p>福国际大厦A座88层市场推广专员2019-11-22</p>
<p>北京金色华勤数据服务有限公司</p>
<p>北京金色华勤数据服务有限公司</p>
</div>
</div>
</template> </template>
<script lang="ts"> <script lang="ts">
import Vue from "vue"; import Vue from "vue";
import { Button } from 'vant'; // import { Button } from 'vant';
import { Component } from "vue-property-decorator"; import { Component } from "vue-property-decorator";
@Component({ @Component({
components:{ // components:{
// [Cell.name]: Cell, // // [Cell.name]: Cell,
[Button.name]:Button // [Button.name]:Button
} // }
}) })
export default class workInfo extends Vue {} export default class workInfo extends Vue {}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.content {
margin-top: 10px;
display: grid;
align-items: center;
grid-template-columns :20px 118px 1fr;
grid-template-areas:
"tip title ."
". nav info";
.tip {
grid-area: tip;
}
.title {
grid-area: title;
}
.nav {
grid-area: nav;
display: grid;
grid-template-rows: minmax(30px,auto);
p {
font-size: 14px;
color: rgba(149, 152, 158, 1);
line-height: 30px;
}
}
.info {
grid-area: info;
display: grid;
grid-template-rows: minmax(30px,auto);
p {
font-size: 14px;
color: rgba(61, 64, 71, 1);
line-height: 30px;
}
}
}
</style> </style>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment