test.vue 990 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. <template>
  2. <view class="squareBox">
  3. <z-paging ref="paging" v-model="dataList" @query="queryList">
  4. <view class="header">
  5. <uni-easyinput
  6. prefixIcon="search"
  7. placeholder="请输入关键字查询"
  8. @focus="inputFocus()"
  9. ></uni-easyinput>
  10. <view class="myNews">
  11. 我的报料
  12. </view>
  13. </view>
  14. <view class="item" v-for="(item,index) in dataList">
  15. <view class="item-title">{{item.title}}</view>
  16. </view>
  17. </z-paging>
  18. </view>
  19. </template>
  20. <script>
  21. export default {
  22. data() {
  23. return {
  24. keyWord: '',
  25. dataList: []
  26. };
  27. },
  28. methods: {
  29. queryList() {
  30. },
  31. inputFocus() {
  32. },
  33. initData() {
  34. }
  35. },
  36. mounted() {
  37. this.dataList = new Array(10).fill({
  38. title: '123455'
  39. })
  40. }
  41. };
  42. </script>
  43. <style lang="scss" scoped>
  44. .squareBox{
  45. .header{
  46. width: 100%;
  47. display: flex;
  48. justify-content: space-between;
  49. align-items: center;
  50. box-sizing: border-box;
  51. padding: 0 15px;
  52. .myNews{
  53. }
  54. }
  55. }
  56. </style>