1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <template>
- <div class="little-card" >
- <div>
- <div>{{ num }}</div>
- <div>{{ title }}</div>
- </div>
- <div>
- <img :src="picture" alt="">
- </div>
- </div>
- </template>
- <script>
- export default {
- name: 'topNav',
- props: {
- title: {
- type: String
- },
- num: {
- type: Number
- },
- picture: {
- type: String
- }
- }
- }
- </script>
- <style lang="less" scoped>
- .little-card {
- width:23.5%;
- background: #fff;
- height: 100px;
- display:flex;
- align-items:center;
- justify-content:space-between;
- padding:10px 20px 10px 30px;
- >div:first-child {
- display:flex;
- flex-direction:column;
- div:first-child {
- font-size: 18px;
- font-weight: bold;
- }
- div:last-child {
- font-size: 8px;
- color:#b1b1b1;
- margin-top:5px;
- }
- }
- }
- </style>
|