fuint-uniapp-master/pages/location/index.vue

（开头部分） 4KB

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

<template>
  <view class="container">
    <view class="search-wrapper">
      <view class="search-input">
        <view class="search-input-wrapper">
          <view class="left">
            <text class="search-icon iconfont icon-sousuo"></text>
          </view>
          <view class="right">
            <input v-model="searchValue" class="input" placeholder="查找店铺" type="text"></input>
          </view>
        </view>
      </view>
      <view class="search-button">
        <button class="button" @click="doSearch" type="warn"> 搜索 </button>
      </view>
    </view>
    <view class="store-list">
      <view class="store-info" v-for="(item, index) in storeList" :key="index" @click="handleQuick(item.id)">
		  <view class="base-info">
			  <view class="name">{{ item.name }}</view>
			  <view class="hours">营业时间：{{ item.hours }}</view>
			  <view class="address"><text class="location-icon iconfont icon-dingwei"></text>{{ item.address }}</view>
			  <view class="tel">联系电话：{{ item.phone }}</view>
		  </view>
		  <view class="loc-info">
		  	  <text class="dis"><text class="distance">{{ parseFloat(item.distance).toFixed(1) }}</text>公里</text>
		  </view>
      </view>
    </view>
  </view>
</template>

<script>
  import * as settingApi from '@/api/setting'
  import * as userApi from '@/api/user'
  export default {
    data() {
      return {
        storeId: 0,
        searchValue: '',
		storeList: []
      }
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.storeId = this.getStoreId()
		this.getStoreList()
    },

    methods: {
		
	  /**
	   * 获取店铺列表
	   * */
	   getStoreList() {
		   const app = this
后面还有 148 行代码，购买后查看完整代码

24 小时内免费解锁 3 个项目，之后 1 算力/个。 规则说明

AI 解读 AI

登录后可用，每次 10 算力，解读结果公开显示在下面。

还没有人解读过这个文件。