12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- <template>
- <view class="container-body">
- <view class="es-pt-24 es-pb-24 es-pl-30 es-pr-30">
- <u-search searchIcon="/static/images/other/course/search.png" searchIconSize="15" placeholder="日照香炉生紫烟"
- v-model="keyword" :showAction="false" height="70rpx" bgColor="#FAFAFA"
- placeholderColor="#B4B4B4"></u-search>
- </view>
- <view class="x-f es-center es-pl-24 es-pr-24 es-pt-10 es-pb-10">
- <view><text class="title">我的关注</text><text class="desc es-ml-17">35人</text></view>
- <view>
- <view class="desc es-fs-28 x-c" style="color: #666;"><u-icon name="list" color="#999" size="18"
- class="es-mr-10"></u-icon>最常访问</view>
- </view>
- </view>
- <view>
- <listItem type="follow" :isFollow="true"></listItem>
- </view>
- </view>
- </template>
- <script>
- import listItem from "./listItem.vue"
- export default {
- components: {
- listItem
- },
- data() {
- return {
- keyword: ""
- }
- },
- methods: {
- click(item) {
- console.log('item', item);
- }
- }
- }
- </script>
- <style scoped lang="scss">
- .container-body {
- position: relative;
- background-color: #fff;
- font-family: MiSans;
- font-weight: 400;
- font-size: 28rpx;
- color: #333333;
-
- .title {
- font-weight: 600;
- }
-
- .desc {
- font-size: 24rpx;
- color: #999999;
- }
- }
- </style>
|