problem description

showgoodsfoodshow  

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

<style lang="stylus" scoped>
@import "../../common/stylus/mixin.styl"
.food-container
  position: fixed
  left: 0
  right: 0
  top: 0
  bottom: 48px
  z-index: 20
  background-color: -sharpf3f5f7
  &.foodInfo-enter,
  &.foodInfo-leave-to
    transform: translate3d(100%,0,0);
  &.foodInfo-enter-active,
  &.foodInfo-leave-active
    transition: all .5s
  .food-top
    margin-bottom: 16px
    border-bottom: 1px solid rgba(7,17,27,0.1)
    .food-image-wrapper
      position: relative;
      width: 100%
      height: 0
      padding-top: 100%
      .food-image
        position: absolute;
        top: 0
        left: 0
        width: 100%
        height: 100%
    .food-back
      position: absolute
      top: 10px
      left: 5px
      font-size: 20px
      color: white
    .food-about
      position: relative;
      padding: 18px
      background-color: white
      .title
        font-size: 14px
        font-weight: 700
        line-height: 14px
        color: rgb(7,17,27)
      .first
        margin-top: 8px
        .sellCount
        .rating
          margin-right: 12px
          font-size: 10px
          line-height: 10px
          color: rgb(147,153,159)
      .food-price
        margin-top: 18px
        font-size: 10px
        line-height: 24px
        color: rgb(147,153,159)
        .food-price-one-icon
          vertical-align: middle;
          color: red
        .food-price-one
          vertical-align: middle;
          font-size: 14px
          color: red
          font-weight: 700
        .food-price-two-icon

          margin-left: 8px
          text-decoration: line-through
        .food-price-two

          text-decoration: line-through
          font-weight: 700
      .toshopcar
        position: absolute;
        bottom: 21px
        right: 18px
        width: 74px
        font-size: 10px
        line-height: 12px
        height: 12px
        border-radius: 12px
        padding: 6px 12px
        background-color: rgb(0, 160, 220);
        color: rgb(255,255,255)
        text-align: center;
        &.toshopcar-enter,
        &.toshopcar-leave-to
          opacity: 0
        &.toshopcar-enter-active,
        &.toshopcar-leave-active
          transition: all 0.2s
      .goodsControl
        position: absolute;
        bottom: 18px
        right: 18px
  .food-info
    padding: 18px
    margin-bottom: 6px
    background-color: -sharpfff
    border-top: 1px solid rgba(7,17,27,0.1)
    border-bottom: 1px solid rgba(7,17,27,0.1)
    .food-info-title
      font-size: 14px
      font-weight: 700
      line-height: 14px
      color: rgb(7,17,27)
    .food-info-center
      padding: 6px 8px 18px 8px
      margin-right: 12px
      font-size: 10px
      font-weight: 200
      line-height: 24px
      color: rgb(77,85,93)
  .food-evaluate
    margin-top: 16px
    padding: 18px 0
    margin-bottom: 6px
    background-color: -sharpfff
    border-top: 1px solid rgba(7,17,27,0.1)
    .food-evaluate-title
      margin: 0 18px
      font-size: 14px
      font-weight: 700
      line-height: 14px
      color: rgb(7,17,27)
    .evaluateWrapper
      margin: 0 18px 0
      .evaluateWrapperUl
        .evaluateWrapperLi
          position: relative
          margin-top:16px
          padding-bottom: 16px
          border-1px( rgba(7,17,27,0.1) )
          &:last-child
            border-none()
          .evaluateTime
            .etime
              display: inline-block;
              vertical-align: top
              font-size: 10px
              line-height: 12px
              color :rgb(147, 153, 159);
          .evaluateText
            margin-top: 12px
            .iconfont
              display: inline-block;
              font-size: 12px
              line-height: 24px
            .icon-zan
              color: rgb(0, 160, 220);
            .icon-chax
              color: rgb(147, 153, 159);
            .etext
              font-size: 12px
              line-height: 16px
          .evaluateuser
            position: absolute;
            top: 0
            right: 0
            font-size: 0
            .euser
              display: inline-block;
              font-size: 10px
              line-height: 12px
            .eavatar
              margin-left: 6px
              border-radius: 50%
</style>

what result do you expect? What is the error message actually seen?

the three options for commodity evaluation and the exit and reentry after switch entry have been initialized