activity_mid.vue 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390
  1. <template>
  2. <view class="activity" :class="isRequest ? 'active' :''">
  3. <view class="topBanner">
  4. <image src="https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-topbanner%402x.png" mode=""></image>
  5. </view>
  6. <view class="activity-main clearfix">
  7. <view class="home-hotmaintab-fixed">
  8. <view class="home-flex-tab show">
  9. <view class="flex text-white">
  10. <view class="basis-xxl">
  11. <scroll-view scroll-x class="nav z" scroll-with-animation :scroll-left="headTab.scrollLeft">
  12. <block v-for="(item,index) in headTab.list" :key="index">
  13. <view class="cu-item" :class="index==headTab.TabCur?'select':''" @tap="tabSelect(index,item)" :data-id="index">
  14. <view>{{item}}</view>
  15. <view class="tab-dot bg-white"/>
  16. </view>
  17. </block>
  18. </scroll-view>
  19. </view>
  20. </view>
  21. </view>
  22. </view>
  23. </view>
  24. <view class="activity-container">
  25. <view class="activity-section one clearfix" v-for="(item, index) in dataList">
  26. <view class="section-title">{{item.name}}</view>
  27. <view class="section-main">
  28. <view class="product-list" v-for="(pros, index) in item.productList" :key="index" @click.stop="navToDetailPage(item.productID)">
  29. <view class="list-rebate">{{pros.activityDiscount}}折</view>
  30. <view class="list-image">
  31. <image :src="pros.mainImage" mode=""></image>
  32. </view>
  33. <view class="list-name">{{pros.name}}</view>
  34. <template v-if="hasLogin">
  35. <template v-if="userIdentity != 2">
  36. <view class="list-price none">
  37. <view class="price-left">
  38. <text class="icon"></text>
  39. <text class="none">¥<text>???</text></text>
  40. </view>
  41. <view class="price-right">
  42. <view class="login-btn" @click.stop="this.$api.navigateTo(`/pages/login/apply?clubStatus=${clubStatus}`)">去升级</view>
  43. </view>
  44. </view>
  45. </template>
  46. <template v-else>
  47. <view class="list-price">
  48. <view class="price-new">¥<text class="big">{{pros.retailPrice}}</text><text>.00</text></view>
  49. <view class="price-old">¥<text class="big">{{pros.price1}}</text><text>.00</text></view>
  50. </view>
  51. </template>
  52. </template>
  53. <template v-else>
  54. <view class="list-price none">
  55. <view class="price-left">
  56. <text class="icon"></text>
  57. <text class="none">¥<text>???</text></text>
  58. </view>
  59. <view class="price-right">
  60. <view class="login-btn" @click="navigator()">登录</view>
  61. </view>
  62. </view>
  63. </template>
  64. </view>
  65. </view>
  66. </view>
  67. </view>
  68. </view>
  69. </template>
  70. <script>
  71. import { mapState,mapMutations} from 'vuex';
  72. import authorize from '@/common/config/authorize.js'
  73. export default {
  74. data() {
  75. return {
  76. topBanner:'',
  77. userIdentity:'',
  78. clubStatus:'',
  79. isRequest:true,
  80. headTab: {
  81. TabCur: 0,
  82. scrollLeft: 0,
  83. list: [],
  84. },
  85. dataList:[]
  86. }
  87. },
  88. onLoad(option) {
  89. console.log(option)
  90. this.activityPath = option.path
  91. this.productID = option.productID
  92. uni.setNavigationBarTitle({title:'采美商城年中促销'});
  93. let number = 19200.26
  94. let value2Array = number.toString().split(".");
  95. console.log(value2Array)
  96. },
  97. computed: {
  98. ...mapState(['hasLogin','userInfo'])
  99. },
  100. methods:{
  101. initData(){
  102. this.ActivityService.GetRepeatActivityBrandList().then(response =>{
  103. console.log(response)
  104. let data = response.data
  105. this.headTab.list = data.brandNames
  106. this.dataList = data.brandList
  107. }).catch(error =>{
  108. this.$util.msg(error.msg,2000)
  109. })
  110. },
  111. //tab菜单被点击
  112. tabSelect(index,item) {
  113. this.headTab.TabCur = index;
  114. this.headTab.scrollLeft = (index - 1) * 60;
  115. },
  116. navToDetailPage(id) {//跳转商品详情页
  117. this.$api.navigateTo(`/pages/goods/product?id=${id}`)
  118. },
  119. navigator(){
  120. authorize.getSetting().then(wxResponse =>{// console.log('是否已授权',res);//0:为取消授权 1:为已授权 2:为未操作
  121. if(wxResponse == 1){
  122. this.$api.navigateTo('/pages/login/login?type=0')
  123. }else{
  124. this.$api.navigateTo('/pages/authorization/authorization?type=1')
  125. }
  126. })
  127. },
  128. },
  129. onPullDownRefresh() {//下拉刷新
  130. uni.stopPullDownRefresh()
  131. },
  132. onShow() {
  133. this.$api.getComStorage('userInfo').then((resolve) =>{
  134. this.clubStatus = resolve.clubStatus
  135. this.userIdentity = resolve.userIdentity
  136. this.initData()
  137. })
  138. }
  139. }
  140. </script>
  141. <style lang="scss">
  142. view,
  143. scroll-view,
  144. swiper,
  145. button,
  146. input,
  147. textarea,
  148. label,
  149. navigator{
  150. box-sizing: border-box;
  151. }
  152. .activity{
  153. width: 100%;
  154. height: auto;
  155. padding-bottom:60rpx;
  156. background:rgba(242,94,58,1);
  157. opacity: 0;
  158. &.active{
  159. opacity: 1;
  160. }
  161. }
  162. .topBanner{
  163. width: 100%;
  164. height: 880rpx;
  165. image{
  166. width: 100%;
  167. height: 100%;
  168. }
  169. }
  170. .activity-container{
  171. width: 100%;
  172. height: auto;
  173. padding: 0 24rpx;
  174. .activity-section{
  175. width: 100%;
  176. height: auto;
  177. .section-title{
  178. width: 100%;
  179. height: 88rpx;
  180. line-height: 88rpx;
  181. text-align: center;
  182. color: #FFFFFF;
  183. font-size:$font-size-32 ;
  184. letter-spacing:4rpx;
  185. float: left;
  186. background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-title%402x.png)no-repeat;
  187. background-size: contain;
  188. }
  189. .section-main{
  190. width: 100%;
  191. height: auto;
  192. float: left;
  193. padding: 0 0 20rpx 0;
  194. .product-list{
  195. width: 340rpx;
  196. height: 526rpx;
  197. padding: 20rpx;
  198. border-radius: 20rpx;
  199. background-color: #FFFFFF;
  200. float: left;
  201. margin-right:20rpx;
  202. margin-bottom: 20rpx;
  203. position: relative;
  204. &:nth-child(2n){
  205. margin-right: 0;
  206. }
  207. .list-rebate{
  208. width: 82rpx;
  209. height: 82rpx;
  210. position: absolute;
  211. top: 20rpx;
  212. left: 20rpx;
  213. background: url(data:image/png;base64,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)no-repeat;
  214. background-size: contain;
  215. line-height: 82rpx;
  216. text-align: center;
  217. font-size: $font-size-28;
  218. color: #FFFFFF;
  219. }
  220. .list-image{
  221. width: 300rpx;
  222. height: 300rpx;
  223. image{
  224. width: 300rpx;
  225. height: 300rpx;
  226. display: block;
  227. }
  228. }
  229. .list-name{
  230. width: 100%;
  231. height: 104rpx;
  232. padding: 10rpx 0;
  233. line-height: 42rpx;
  234. text-overflow:ellipsis;
  235. display: -webkit-box;
  236. word-break: break-all;
  237. -webkit-box-orient: vertical;
  238. -webkit-line-clamp: 2;
  239. overflow: hidden;
  240. font-size: $font-size-28;
  241. }
  242. .list-price{
  243. width: 100%;
  244. height: 60rpx;
  245. &.none{
  246. padding: 6rpx 0;
  247. margin-top: 20rpx;
  248. .price-left{
  249. float: left;
  250. .icon{
  251. display: block;
  252. width: 48rpx;
  253. height: 48rpx;
  254. background: url(data:image/png;base64,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)no-repeat center center;
  255. background-size: contain;
  256. float: left;
  257. }
  258. .none{
  259. display: block;
  260. font-size: $font-size-20;
  261. line-height: 48rpx;
  262. color: #4A4B54;
  263. float: left;
  264. font-weight: bold;
  265. margin-left: 5rpx;
  266. text{
  267. font-size: $font-size-32;
  268. }
  269. }
  270. }
  271. .price-right{
  272. float: right;
  273. .login-btn{
  274. width: 100rpx;
  275. height: 48rpx;
  276. background-color: #613FD2;
  277. border-radius: 24rpx;
  278. color: #FFFFFF;
  279. text-align: center;
  280. line-height: 48rpx;
  281. font-size: $font-size-26;
  282. font-weight: bold;
  283. }
  284. }
  285. }
  286. .price-new{
  287. width: 100%;
  288. height: 48rpx;
  289. line-height: 48rpx;
  290. font-size: $font-size-24;
  291. font-weight: bold;
  292. color: #FF5959;
  293. text-align: left;
  294. .big{
  295. font-size: $font-size-36;
  296. }
  297. }
  298. .price-old{
  299. width: 100%;
  300. height: 40rpx;
  301. line-height: 40rpx;
  302. font-size: $font-size-24;
  303. color: #252529;
  304. text-align: left;
  305. text-decoration: line-through;
  306. }
  307. }
  308. }
  309. }
  310. }
  311. }
  312. .home-hotmaintab-fixed{
  313. width: 100%;
  314. height:auto;
  315. overflow: hidden;
  316. background: url(https://admin-b.caimei365.com/userfiles/1/images/photo/2020/08/icon-tbabg%402x.png)no-repeat;
  317. background-size: contain;
  318. padding-bottom: 20rpx;
  319. .home-flex-tab {
  320. width: 100%;
  321. position: relative;
  322. transition: opacity .25s;
  323. .text-white{
  324. color: #FFFFFF;
  325. }
  326. .flex {
  327. .basis-xxl {
  328. flex-basis: 100%;
  329. width: 100%;
  330. z-index: 1;
  331. }
  332. .basis-xxs {
  333. flex-basis: 10%;
  334. z-index: 1;
  335. width: 10%;
  336. }
  337. .sort-icon {
  338. font-size: 55rpx;
  339. height: 64rpx;
  340. line-height: 64rpx;
  341. text-align: center;
  342. }
  343. }
  344. }
  345. }
  346. .nav{
  347. white-space:nowrap;
  348. }
  349. .nav .cu-item {
  350. display: inline-block;
  351. margin: 0 10rpx;
  352. padding: 0 20rpx;
  353. letter-spacing: 2rpx;
  354. }
  355. .nav.z .cu-item.select {
  356. font-size: $font-size-32;
  357. font-weight: bold;
  358. color: #FFFFFF;
  359. }
  360. .nav.z .cu-item {
  361. height: 88rpx;
  362. font-size: $font-size-26;
  363. line-height: 88rpx;
  364. position: relative;
  365. }
  366. .nav.z .cu-item.select .tab-dot {
  367. position: absolute;
  368. height: 8rpx;
  369. border-radius: 20rpx;
  370. bottom: 0;
  371. left: 0;
  372. right: 0;
  373. width: 40rpx;
  374. margin: auto;
  375. }
  376. .bg-white{
  377. background-color: #FFFFFF;
  378. }
  379. ::-webkit-scrollbar {
  380. display: none;
  381. }
  382. .flex {
  383. display: -webkit-box;
  384. display: -webkit-flex;
  385. display: flex;
  386. }
  387. </style>