Taro+vue3+NutUI实现微信小程序的购物车功能

BSCIO_599

已于 2023-02-15 15:36:55 修改

阅读量746

点赞数 1

文章标签： vue typescript html css Powered by 金山文档

于 2023-02-15 14:57:31 首次发布

本文链接：https://blog.csdn.net/weixin_40581358/article/details/129043216

版权

本文介绍了如何利用Taro、Vue3和NutUI框架，在微信小程序中实现购物车功能。通过原生HTML、CSS和JS进行定制化开发，计划后期将该功能封装为可复用组件。

摘要由CSDN通过智能技术生成

这个功能主要是使用原生的标签+js+css实现的，目前在项目中属于定制化开发，后期可以考虑封装成组件，简单的记录一下

 <view class="choose">
    <--左边tab切换分类-->
      <view class="left">
        <view
          v-for="(item, index) in state.siteList"
          :key="item.id"
          :class="
            item.id === state.tabValue
              ? 'active-left left-default'
              : 'left-heading left-default'
          "
          @click="siteChange(index, item.id)"
        >
          <div>{
   { item?.name }}</div>
          <div style="text-align: center">
            {
   {
              getDistance(
                item?.positionLatitude,
                item?.positionLongitude,
                state.currentLat,
                state.currentL