123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869 |
- <template>
- <view class="not-have-login">
- <image src="https://hzchart.oss-cn-shanghai.aliyuncs.com/cygx/not_have_login.png"></image>
- <text> 为了给您提供更好的使用体验,请登录后再查看此页面内容 </text>
- <view class="btn" @click="goLogin">立即登录</view>
- </view>
- </template>
- <script>
- export default {
- name: "",
- components: {},
- props: {},
- data() {
- return {};
- },
- computed: {},
- watch: {},
- created() {},
- mounted() {},
- methods: {
- goLogin() {
- uni.showModal({
- title: "即将前往登录页面,请确认是否继续",
- confirmColor: "#376cbb",
- cancelColor: "#606266",
- success: function (res) {
- if (res.confirm) {
- //已授权未绑定
- uni.navigateTo({
- url: "/pageMy/login/login",
- });
- }
- },
- });
- },
- },
- };
- </script>
- <style scoped lang="scss">
- .not-have-login {
- width: 100%;
- height: 100%;
- text-align: center;
- padding-top: 260rpx;
- image {
- width: 480rpx;
- height: 480rpx;
- }
- text {
- font-size: 34rpx;
- margin: 100rpx auto 80rpx;
- width: 476rpx;
- }
- .btn {
- display: flex;
- justify-content: center;
- align-items: center;
- padding: 6rpx 50rpx;
- width: 323rpx;
- height: 61rpx;
- background: #376cbb;
- border-radius: 4rpx;
- font-size: 24rpx;
- margin: 0 auto;
- color: #fff;
- }
- }
- </style>
|