123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <template>
- <view class="content">
- <text class="success-icon yticon icon-xuanzhong2"></text>
- <text class="tit">{{$L('支付成功')}}</text>
-
- <view class="btn-group">
- <navigator url="/pages/order/order?state=0" open-type="redirect" class="mix-btn">{{$L('查看订单')}}</navigator>
- <navigator url="/pages/index/index" open-type="switchTab" class="mix-btn hollow">{{$L('返回首页')}}</navigator>
- </view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
-
- }
- },
- methods: {
-
- }
- }
- </script>
- <style lang='scss'>
- .content{
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- }
- .success-icon{
- font-size: 160upx;
- color: #fa436a;
- margin-top: 100upx;
- }
- .tit{
- font-size: 38upx;
- color: #303133;
- }
- .btn-group{
- padding-top: 100upx;
- }
- .mix-btn {
- margin-top: 30upx;
- display: flex;
- align-items: center;
- justify-content: center;
- width: 600upx;
- height: 80upx;
- font-size: $font-lg;
- color: #fff;
- background-color: $base-color;
- border-radius: 10upx;
- &.hollow{
- background: #fff;
- color: #303133;
- border: 1px solid #ccc;
- }
- }
- </style>
|