<template>
  <view class="noLogin">
    <image
      src="https://mrrplus.oss-cn-beijing.aliyuncs.com/photo/system/55d8e65a-04e4-4164-b956-278c6bc28a2b.png"
      class="noLogin-img"
      mode="widthFix"
    ></image>
    <text class="noLogin-text">{{ tipText }}</text>
    <view class="loginBtn" @click="goLogin">立即登录</view>
  </view>
</template>

<script>
export default {
  name: "noLogin",
  data() {
    return {};
  },
  props: {
    tipText: {
      type: String,
      default: "您还没有登录，请登录后查看订单",
    },
  },
  components: {},
  methods: {
    goLogin() {
      uni.navigateTo({
        url: "/pages/blogPopup/blogPopup",
      });
    },
  },
};
</script>

<style lang="less" scoped>
.noLogin {
  display: flex;
  flex-direction: column;
  align-items: center;
  // justify-content: center;
  height: 100%;
  .noLogin-img {
    margin-top: 154rpx;
    width: 247rpx;
    height: 187rpx;
  }
  .noLogin-text {
    font-family: PingFangSC, PingFang SC;
    font-weight: 400;
    font-size: 30rpx;
    color: #333333;
    line-height: 42rpx;
    text-align: left;
    font-style: normal;
    margin-top: 60rpx;
    margin-bottom: 31rpx;
  }
  .loginBtn {
    width: 262rpx;
    height: 86rpx;
    background: #e8101e;
    border-radius: 43rpx;
    text-align: center;
    line-height: 86rpx;
    font-weight: 500;
    font-size: 34rpx;
    color: #ffffff;
  }
}
</style>
