|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091 |
- <template>
- <div class="app-container">
- <van-nav-bar
- left-arrow
- fixed
- placeholder
- @click-left="$router.back(-1)"
- >
- <template #title>
- <p style="font-weight: bold;">使用权流转</p>
- </template>
- <template #right>
- <van-icon name="add" size="18" />
- </template>
- </van-nav-bar>
- <van-swipe-cell v-for="(item,index) in 10">
- <van-cell title="440604100202000000Z00012" value="待审" center >
- <template #icon>
- <van-icon name="../../../static/images/icon/icon_jt.png" size="22" color="#539FFD" style="margin-right: 10px;" />
- </template>
- <template #label>
- <p><b style="color: #FFA63E;">转让</b><i style="margin-right: 0.5rem;"></i><b style="color: #333333;">刘浩泽</b><i style="margin-right: 0.5rem;"></i>59㎡</p>
- </template>
- </van-cell>
- <template #right>
- <van-row>
- <van-col>
- <van-button square text="修改" type="info" class="delete-button" />
- </van-col>
- <van-col>
- <van-button square text="删除" type="danger" class="delete-button" />
- </van-col>
- </van-row>
- </template>
- </van-swipe-cell>
- </div>
- </template>
-
- <script>
- export default {
- name: "circulationList",
- data() {
- return {
-
- };
- },
- created() {
-
- },
- methods: {
-
- },
- }
- </script>
-
- <style scoped lang="scss">
- .app-container {
- padding: 0.2rem 3%;
- }
- /deep/.van-cell__title{
- flex: 0.7;
- }
- /deep/.van-cell__title span{
- font-family: Arial;
- font-size: 0.4rem;
- font-weight: normal;
- }
- /deep/.van-cell__value{
- flex: 0.3;
- color: #1D6FE9;
- font-weight: bold;
- }
- /deep/.van-swipe-cell{
- margin-bottom: 0.2rem;
- border-radius: 0.2rem;
- overflow: hidden;
- box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
- }
- /deep/van-ellipsis{
- font-weight: bold;
- }
- .delete-button {
- height: 100%;
- }
- .van-row{
- height: 100%;
- }
- .van-col{
- height: 100%;
- }
- </style>
|