captain-ui/es/takeout/src/main.js

有赞vue wap业务组件库

export default {
  render: function render() {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      staticClass: "cap-takeout"
    }, [_vm._m(0), _c('div', {
      staticClass: "cap-takeout__body"
    }, [_c('div', {
      staticClass: "cap-takeout__nav-bar"
    }, [_c('ul', _vm._l(_vm.navItems, function (item, index) {
      return _c('li', {
        key: index,
        staticClass: "cap-takeout__nav-item"
      }, [_c('a', {
        attrs: {
          "href": "javascript:;"
        }
      }, [_c('span', [_vm._v(_vm._s(item))])])]);
    }), 0)]), _c('div', {
      staticClass: "cap-takeout__goods"
    }, [_c('ul', {
      staticClass: "cap-takeout__goods-lists"
    }, _vm._l(_vm.goodsPictures, function (pic, index) {
      return _c('li', {
        key: index,
        staticClass: "clearfix"
      }, [_c('div', {
        staticClass: "cap-takeout__goods-pic"
      }, [_c('img', {
        attrs: {
          "src": pic,
          "alt": ""
        }
      })]), _vm._m(1, true)]);
    }), 0)])])]);
  },
  staticRenderFns: [function () {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      staticClass: "cap-takeout__header"
    }, [_c('img', {
      attrs: {
        "src": "https://img.yzcdn.cn/public_files/2017/04/27/d345dafee4b81bfffb0c0610ca8cee72.png"
      }
    })]);
  }, function () {
    var _vm = this;

    var _h = _vm.$createElement;

    var _c = _vm._self._c || _h;

    return _c('div', {
      staticClass: "cap-takeout__goods-detail"
    }, [_c('p', [_vm._v("此处显示商品名称")]), _c('span', {
      staticClass: "cap-takeout__goods-price"
    }, [_vm._v("￥ 100.00")]), _c('a', {
      staticClass: "cap-takeout__goods-buy",
      attrs: {
        "href": "javascript:void(0);"
      }
    }, [_c('span')])]);
  }],
  name: 'cap-takeout',
  props: {
    navItems: {
      type: Array,
      default: function _default() {
        return ['商品分组一', '商品分组二', '商品分组三'];
      }
    }
  },
  data: function data() {
    return {
      goodsPictures: ['https://img.yzcdn.cn/public_files/2015/10/28/69b0970572eb1ff21f919d265f4d1312.jpg?imageView2/2/w/120/h/120/q/75/format/webp', 'https://img.yzcdn.cn/public_files/2015/10/28/86551866bfc73cd54d4036f2248d3b06.jpg?imageView2/2/w/120/h/120/q/75/format/webp', 'https://img.yzcdn.cn/public_files/2015/10/28/2811e55fde033b2f87294b2b9f92080c.jpg?imageView2/2/w/120/h/120/q/75/format/webp', 'https://img.yzcdn.cn/public_files/2015/10/28/2093f717f75f617bf551b63dd8bd4339.jpg?imageView2/2/w/120/h/120/q/75/format/webp']
    };
  }
};