8 changed files with 1391 additions and 129 deletions
File diff suppressed because it is too large
@ -0,0 +1,47 @@ |
|||||
|
<!-- |
||||
|
* @Author: aBin |
||||
|
* @email: binbin0314@126.com |
||||
|
* @Date: 2021-07-19 10:52:05 |
||||
|
* @LastEditors: aBin |
||||
|
* @LastEditTime: 2021-07-19 11:09:23 |
||||
|
--> |
||||
|
<template> |
||||
|
<view> |
||||
|
<u-card margin="0" :show-head="false" :show-foot="false"> |
||||
|
<view slot="body"> |
||||
|
<view class="u-flex u-col-between p-0"> |
||||
|
<view class="u-body-item-title u-line-2">瓶身描绘的牡丹一如你初妆,冉冉檀香透过窗心事我了然,宣纸上走笔至此搁一半</view> |
||||
|
</view> |
||||
|
</view> |
||||
|
</u-card> |
||||
|
</view> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Global', |
||||
|
data() { |
||||
|
return {}; |
||||
|
}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.u-card-wrap { |
||||
|
background-color: $u-bg-color; |
||||
|
padding: 1px; |
||||
|
} |
||||
|
|
||||
|
.u-body-item { |
||||
|
font-size: 32rpx; |
||||
|
color: #333; |
||||
|
padding: 20rpx 10rpx; |
||||
|
} |
||||
|
|
||||
|
.u-body-item image { |
||||
|
width: 120rpx; |
||||
|
flex: 0 0 120rpx; |
||||
|
height: 120rpx; |
||||
|
border-radius: 8rpx; |
||||
|
margin-left: 12rpx; |
||||
|
} |
||||
|
</style> |
@ -0,0 +1,46 @@ |
|||||
|
<!-- |
||||
|
* @Author: your name |
||||
|
* @Date: 2021-07-19 11:35:03 |
||||
|
* @LastEditTime: 2021-07-19 17:48:02 |
||||
|
* @LastEditors: Please set LastEditors |
||||
|
* @Description: In User Settings Edit |
||||
|
* @FilePath: \TALL-MUI-3\src\components\Title\titleBar.vue |
||||
|
--> |
||||
|
<template> |
||||
|
<view> |
||||
|
<u-navbar back-text="返回"> |
||||
|
<view class="flex justify-center flex-1"> |
||||
|
<view v-if="true">{{ title }}</view> |
||||
|
<view v-else>{{ titleBar }}</view> |
||||
|
</view> |
||||
|
<view class="mr-2" slot="right"> |
||||
|
<u-icon class="m-1" name="checkmark-circle"></u-icon> |
||||
|
<u-icon class="m-1" name="reload"></u-icon> |
||||
|
<u-icon class="m-1" name="home"></u-icon> |
||||
|
<u-icon class="m-1" name="more-dot-fill"></u-icon> |
||||
|
</view> |
||||
|
</u-navbar> |
||||
|
你好 |
||||
|
</view> |
||||
|
</template> |
||||
|
<script> |
||||
|
export default { |
||||
|
name: 'Title', |
||||
|
mounted() {}, |
||||
|
data() { |
||||
|
return { |
||||
|
title: '加载中...', |
||||
|
titleBar: '项目名称', |
||||
|
Istrue: 'false', |
||||
|
}; |
||||
|
}, |
||||
|
methods: {}, |
||||
|
}; |
||||
|
</script> |
||||
|
|
||||
|
<style scoped lang="scss"> |
||||
|
.slot-warp { |
||||
|
display: flex; |
||||
|
justify-content: flex-end; |
||||
|
} |
||||
|
</style> |
Loading…
Reference in new issue