CommunityApp/pagesM/comps/dt_recommend_wrap.vue

<template>
  <view class="comp-goods-wrap">
    <view class="goods-text-title">
     <!-- <view class="line"></view>
      <image src="http://139.9.103.171:1888/img/image/recommend_icon.png" class="recommend_icon paddingSize"></image> -->
      <view class="titleBox"><text>{{ title }}</text></view>
     <!-- <image src="http://139.9.103.171:1888/img/image/recommend_icon.png" class="recommend_icon paddingSize"></image>
      <view class="line"></view> -->
    </view>
  </view>
</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: ""
    }
  },
  methods: {
    moreGoods() {
      this.$emit("jumpMore");
    }
  }
};
</script>

<style lang="scss">
.goods-text-title {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 26upx;
  color: #666666;
  height: 90upx;
  line-height: 80upx;
  background: #f2f2f2;
  .titleBox {
    display: flex;
    flex-direction: row;
    align-items: center;
   
  }
  text{
	  font-size:28upx;
	  font-weight:bold;
	  color:rgba(51,51,51,1);
  }
}
.recommend_icon{
    width: 20upx;
    height:19upx;
}
.line {
  background: #cccccc;
  height: 2upx;
  width: 200upx;
}

.paddingSize {
  padding: 0 15upx;
}
</style>