<template>
  <view class="suggest">
      <suggestionLIne></suggestionLIne>
      <suggestionTop></suggestionTop>
      <suggestionLIne></suggestionLIne>
      <view class="mid">
            <suggestionMid></suggestionMid>
      </view>
          <suggestionLIne></suggestionLIne>
          <suggestionBottom></suggestionBottom>
  </view>
</template>

<script>
import suggestionTop from "../../components/suggestion/suggestion-top";
import suggestionLIne from "../../components/suggestion/suggestion-line"
import suggestionMid from "../../components/suggestion/suggestion-mid"
import suggestionBottom from "../../components/suggestion/suggestion-bottom"
export default {
components:{
suggestionTop,
suggestionLIne,
suggestionMid,
suggestionBottom
}
}
</script>

<style lang="scss">
.mid{
    margin-bottom: 21upx;
}
</style>