租房小程序前端代码
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

103 lines
3.0 KiB

6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
6 months ago
  1. <template>
  2. <view class="se-p-20">
  3. <view class="se-p-20 se-bgc-white se-br-20 se-mb-20" v-for="(items,indexs) in list" :key="indexs" @click="onDetail(items)">
  4. <view class="se-flex se-flex-h">
  5. <image class="se-a-80 se-br-p-50 se-w-80" style="min-width: 80rpx;" :src="items.image" mode="aspectFill"></image>
  6. <view class="se-flex se-flex-v se-ml-30">
  7. <text class="se-fs-28 se-c-black">{{items.title}}</text>
  8. <view class="se-flex se-flex-ai-c se-pt-10">
  9. <text class="se-c-red se-fs-30 se-fw-6">{{items.price}}</text>
  10. <text class="se-c-66 se-fs-22 se-ml-20">{{items.address}}</text>
  11. </view>
  12. </view>
  13. </view>
  14. <view class="se-c-black se-fs-26 se-lh-40 se-pt-20">
  15. <!-- 三层复试中空挑高厅出大阳台使用率超高天越翔园 {{items.title}}-->
  16. <uv-parse :content="items.details"></uv-parse>
  17. </view>
  18. <view class="se-br-10 se-py-20">
  19. <image class="se-br-10 se-w-p-100 se-h-360" :src="items.image" mode=""></image>
  20. <!-- <video class="se-br-10 se-w-p-100 se-h-360" src="https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/2minute-demo.mp4" controls></video> -->
  21. </view>
  22. <!-- <view class="se-bgc-f5 se-br-10 se-py-20 se-px-10 se-c-black se-fs-24 se-flex se-flex-ai-c">
  23. <image class="se-a-30 se-br-p-50" src="../../static/image/6588.png" mode=""></image>
  24. <text class="se-ml-10 se-fw-6">程敏</text>
  25. </view> -->
  26. </view>
  27. <view class="se-pos-fixed se-pos-rc" style="right: 30rpx;">
  28. <image @click="onNavigator()" class="se-a-150" src="@/static/image/discover.png" mode=""></image>
  29. </view>
  30. </view>
  31. </template>
  32. <script>
  33. import { commonIndexFindPageList,commonIndexFindDetail,getInfo } from "@/common/api.js"
  34. export default{
  35. data(){
  36. return{
  37. classId:null,
  38. pageNo:1,
  39. pageSize:10,
  40. list:[]
  41. }
  42. },
  43. mounted() {
  44. this.onCommonIndexFindPageList()
  45. },
  46. onPullDownRefresh() {
  47. let that = this
  48. that.pageNo = 1
  49. that.list = []
  50. that.onCommonIndexFindPageList()
  51. },
  52. onReachBottom() {
  53. let that = this
  54. that.pageNo = that.pageNo + 1
  55. that.onCommonIndexFindPageList()
  56. },
  57. methods:{
  58. onDetail(event){
  59. uni.navigateTo({
  60. url:"/pages/discover-detail/index?id="+event.id
  61. })
  62. },
  63. onNavigator(){
  64. let token = uni.getStorageSync('token');
  65. if(!token){
  66. uni.navigateTo({
  67. url:"/pages/auth/index"
  68. })
  69. return ;
  70. }
  71. getInfo({}).then(result=>{
  72. uni.navigateTo({
  73. url:"/pages_subpack/release/index"
  74. })
  75. }).catch(err=>{
  76. })
  77. },
  78. onCommonIndexFindPageList(){
  79. let that = this
  80. let params={
  81. classId:that.classId,
  82. pageNo:that.pageNo,
  83. pageSize:that.pageSize
  84. }
  85. commonIndexFindPageList(params).then((response) => {
  86. console.info("responseindexsindexsindexs",response.result.records)
  87. console.info('response.resultindexsindexsindexs',response.result.records)
  88. that.list = that.list.concat(response.result.records)
  89. }).catch((error) =>{
  90. })
  91. },
  92. }
  93. }
  94. </script>
  95. <style>
  96. page{
  97. background-color: #f5f5f5;
  98. }
  99. </style>