followList.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <template>
  2. <view class="container-body">
  3. <view class="es-pt-24 es-pb-24 es-pl-30 es-pr-30">
  4. <u-search searchIcon="/static/images/other/course/search.png" searchIconSize="15" placeholder="日照香炉生紫烟"
  5. v-model="keyword" :showAction="false" height="70rpx" bgColor="#FAFAFA"
  6. placeholderColor="#B4B4B4"></u-search>
  7. </view>
  8. <view class="x-f es-center es-pl-24 es-pr-24 es-pt-10 es-pb-10">
  9. <view><text class="title">我的关注</text><text class="desc es-ml-17">35人</text></view>
  10. <view>
  11. <view class="desc es-fs-28 x-c" style="color: #666;"><u-icon name="list" color="#999" size="18"
  12. class="es-mr-10"></u-icon>最常访问</view>
  13. </view>
  14. </view>
  15. <view>
  16. <listItem type="follow" :isFollow="true"></listItem>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. import listItem from "./listItem.vue"
  22. export default {
  23. components: {
  24. listItem
  25. },
  26. data() {
  27. return {
  28. keyword: ""
  29. }
  30. },
  31. methods: {
  32. click(item) {
  33. console.log('item', item);
  34. }
  35. }
  36. }
  37. </script>
  38. <style scoped lang="scss">
  39. .container-body {
  40. position: relative;
  41. background-color: #fff;
  42. font-family: MiSans;
  43. font-weight: 400;
  44. font-size: 28rpx;
  45. color: #333333;
  46. .title {
  47. font-weight: 600;
  48. }
  49. .desc {
  50. font-size: 24rpx;
  51. color: #999999;
  52. }
  53. }
  54. </style>