uni-app 有用uni-app开发过商家店铺装修模版么？

当然，使用uni-app开发商家店铺装修模板是一个常见的需求。uni-app作为一个使用Vue.js开发所有前端应用的框架，可以很方便地实现跨平台（包括小程序、H5、App等）的店铺装修功能。以下是一个简化的代码示例，展示如何使用uni-app创建一个基本的店铺装修模板。

1. 项目结构

首先，我们需要设计好项目的结构。假设我们的项目结构如下：

- pages/
  - index/
    - index.vue
- components/
  - store-item/
    - store-item.vue
- static/
  - images/
    - item1.png
    - item2.png
- App.vue
- main.js

2. 主页面（index.vue）

在主页面中，我们展示店铺装修的内容，包括商品项等组件。

<template>
  <view class="container">
    <scroll-view scroll-y="true">
      <view v-for="(item, index) in storeItems" :key="index" class="item-container">
        <store-item :item="item" />
      </view>
    </scroll-view>
  </view>
</template>

<script>
import StoreItem from '@/components/store-item/store-item.vue';

export default {
  components: {
    StoreItem
  },
  data() {
    return {
      storeItems: [
        { id: 1, image: '/static/images/item1.png', name: '商品1' },
        { id: 2, image: '/static/images/item2.png', name: '商品2' }
      ]
    };
  }
};
</script>

<style>
.container {
  padding: 20px;
}
.item-container {
  margin-bottom: 20px;
}
</style>

3. 商品项组件（store-item.vue）

在商品项组件中，我们展示单个商品的信息。

<template>
  <view class="item">
    <image :src="item.image" class="item-image" />
    <text class="item-name">{{ item.name }}</text>
  </view>
</template>

<script>
export default {
  props: {
    item: {
      type: Object,
      required: true
    }
  }
};
</script>

<style>
.item {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.item-image {
  width: 100%;
  height: 200px;
  object-fit: cover;
}
.item-name {
  margin-top: 10px;
  font-size: 16px;
}
</style>

4. 运行项目

确保你已经安装了uni-app的开发环境，然后在项目根目录下运行：

npm run dev:%PLATFORM%

将%PLATFORM%替换为你想要运行的平台，比如mp-weixin（微信小程序）、h5（H5页面）等。

这个简化的示例展示了如何使用uni-app创建一个基本的店铺装修模板，包括商品项的展示。实际开发中，你可能需要添加更多的功能和样式，比如拖拽排序、商品详情页、动态数据加载等。