百富门答题小程序
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

117 lines
2.0 KiB

8 months ago
4 months ago
6 months ago
4 months ago
6 months ago
8 months ago
4 months ago
8 months ago
4 months ago
8 months ago
4 months ago
8 months ago
4 months ago
6 months ago
4 months ago
8 months ago
4 months ago
8 months ago
6 months ago
8 months ago
6 months ago
4 months ago
8 months ago
4 months ago
8 months ago
6 months ago
4 months ago
6 months ago
  1. <template>
  2. <view class="page">
  3. <image :src="configList.img_4"
  4. class="page-bg"
  5. mode="aspectFill"></image>
  6. <image :src="configList.img_6"
  7. class="logo"
  8. mode="widthFix"></image>
  9. <image :src="configList.img_9"
  10. class="page-bg"
  11. mode="widthFix"></image>
  12. <view class="info">
  13. <view class="title">
  14. {{ userInfo.nickName }}
  15. </view>
  16. <view class="list">
  17. 欢迎来到百富门的世界
  18. <br />
  19. 品味传承与创新交织的威士忌
  20. <br />
  21. 艺术开启您的专属品鉴之旅
  22. </view>
  23. </view>
  24. <image :src="configList.img_8"
  25. class="logo"
  26. mode="widthFix"></image>
  27. <view class="position">
  28. <view class="btn"
  29. @click="next">
  30. 点击进入
  31. </view>
  32. <text class="second-color">{{ configList.bg_title }}</text>
  33. </view>
  34. </view>
  35. </template>
  36. <script>
  37. import { mapState } from 'vuex'
  38. export default {
  39. data() {
  40. return {
  41. }
  42. },
  43. computed : {
  44. },
  45. onShow() {
  46. this.$store.commit('getUserInfo')
  47. },
  48. methods: {
  49. next(){
  50. uni.requestSubscribeMessage({
  51. //此处填写刚才申请模板的模板ID
  52. tmplIds: [
  53. 'ZREm8r0Bgv-W0W48DHw83nUMYYOdaslI99MTlqgR0ZI',
  54. '0GqFy6mBu1bmoHsSugtKoQ64aFs1oQXy6sZOE1FlDcw'
  55. ],
  56. success (res) {
  57. console.log(res)
  58. uni.navigateTo({
  59. url: '/pages/index/introduce'
  60. })
  61. }
  62. })
  63. },
  64. }
  65. }
  66. </script>
  67. <style lang="scss" scoped>
  68. .page{
  69. width: 100%;
  70. .logo{
  71. width: 600rpx;
  72. margin: 50rpx 75rpx;
  73. }
  74. .info{
  75. text-align: center;
  76. .title {
  77. font-size: 40rpx;
  78. font-weight: bold;
  79. margin: 40rpx 0 20rpx 0;
  80. }
  81. .list{
  82. line-height: 50rpx;
  83. }
  84. }
  85. .position{
  86. position: absolute;
  87. bottom: 130rpx;
  88. left: 75rpx;
  89. display: flex;
  90. flex-direction: column;
  91. align-items: center;
  92. .btn{
  93. border-radius: 40rpx;
  94. padding: 30rpx 0;
  95. background: $uni-color-primary;
  96. color: #fff;
  97. text-align: center;
  98. font-size: 28rpx;
  99. width: 600rpx;
  100. }
  101. }
  102. .second-color{
  103. color: $uni-color-primary;
  104. margin-top: 20rpx;
  105. font-size: 26rpx;
  106. }
  107. }
  108. </style>