hotel.vue 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724
  1. <template>
  2. <view>
  3. <van-skeleton :loading="loading">
  4. <view class="home" v-if="isfx" @click="openHome()"><image src="../../static/bottombtn0101.png"></image></view>
  5. <view style="height: 65upx;"></view>
  6. <scroll-view
  7. style="height: 95vh;"
  8. class="floor-list"
  9. :scroll-top="scrollTop"
  10. scroll-y="true"
  11. @scroll="scroll"
  12. @scrolltoupper="upper"
  13. @scrolltolower="lower"
  14. :refresher-enabled="false"
  15. >
  16. <view class="scrollswiper">
  17. <swiper class="swiper" indicator-dots circular="true" :autoplay="autoplay" :interval="interval" :duration="duration">
  18. <swiper-item v-for="(item, index) in store_slide" :key="index">
  19. <view style="height: 100%;" class="swiper-item"><image style="height: 100%;width: 100%;" :src="item" /></view>
  20. </swiper-item>
  21. </swiper>
  22. </view>
  23. <view class="flex-box flex-v-ce search" :class="iScrolltop == 2 ? 'activeColor' : ''">
  24. <view @tap="goback()" class="topleft"><uniIcon type="back" size="22" color="#666666" /></view>
  25. <view @click="gotosearch">
  26. <view class="input-view">
  27. <uniIcon type="search" size="22" color="#666666" />
  28. <input confirm-type="search" class="input" type="text" placeholder="输入搜索关键词" @confirm="confirm" />
  29. </view>
  30. </view>
  31. </view>
  32. <view class="tip">
  33. <view style="font-size: 36upx;color: #303133;">{{ hotelitle }}</view>
  34. <view>
  35. <van-icon name="star-o" @click="gocollect" v-if="has_collected == 0" size="22" />
  36. <van-icon name="star-o" @click="gocollect" v-if="has_collected == 1" size="22" color="#D9332E" />
  37. </view>
  38. </view>
  39. <view v-if="store_summary" style="color: #666;padding: 0 32upx 10upx 32upx;">{{ store_summary }}</view>
  40. <view>
  41. <van-tabs title-active-color="#D9332E" v-model="activeindex" @click.stop="onChange">
  42. <van-tab :name="0" title="服务项目">
  43. <view>
  44. <view class="giveList">
  45. <view class="giveItem" v-for="(item, index) in category_list" :key="index" @click.stop="godetail(item)">
  46. <image :src="item.pic" style="width:100%;height: 69%;"></image>
  47. <p style="text-align: center;font-size: 24rpx;">{{ item.gc_name }}</p>
  48. </view>
  49. </view>
  50. <view style="padding: 0upx 18upx 20upx 18upx;">
  51. <view style="width: 95%;margin: 0 auto;">
  52. <view @click.stop="choseType(1)" :class="tabIndex == 1 ? 'active' : ''" class="typeItem">综合</view>
  53. <view @click.stop="choseType(2)" class="typeItem">
  54. <view class="iconClass">
  55. <view :class="tabIndex == 2 ? 'active' : ''">上新</view>
  56. <view style="display: flex;flex-direction: column;margin-left: 10rpx;">
  57. <view v-if="istopclick == 0">
  58. <image style="width: 36upx;height: 36upx;vertical-align: middle;" src="../../static/sort.png"></image>
  59. </view>
  60. <view v-if="istopclick == 1">
  61. <image style="width: 36upx;height: 36upx;vertical-align: middle;" src="../../static/sort_down.png"></image>
  62. </view>
  63. <view v-if="istopclick == 2">
  64. <image style="width: 36upx;height: 36upx;vertical-align: middle;" src="../../static/sort_up.png"></image>
  65. </view>
  66. </view>
  67. </view>
  68. </view>
  69. <view @click.stop="choseType(3)" class="typeItem">
  70. <view class="iconClass">
  71. <view :class="tabIndex == 3 ? 'active' : ''">价格</view>
  72. <view style="display: flex;flex-direction: column;margin-left: 10rpx;">
  73. <view v-if="isprice == 0">
  74. <image style="width: 36upx;height: 36upx;vertical-align: middle;" src="../../static/sort.png"></image>
  75. </view>
  76. <view v-if="isprice == 3">
  77. <image style="width: 36upx;height: 36upx;vertical-align: middle;" src="../../static/sort_down.png"></image>
  78. </view>
  79. <view v-if="isprice == 4">
  80. <image style="width: 36upx;height: 36upx;vertical-align: middle;" src="../../static/sort_up.png"></image>
  81. </view>
  82. </view>
  83. </view>
  84. </view>
  85. <view @click.stop="choseType(4)" class="typeItem">
  86. <view :class="ishowpull ? 'active' : ''">
  87. 分类
  88. <image v-if="!ishowpull" style="width: 36upx;height: 36upx;" src="../../static/sortb.png"></image>
  89. <image v-if="ishowpull" style="width: 36upx;height: 36upx;" src="../../static/sortb_up.png"></image>
  90. </view>
  91. </view>
  92. </view>
  93. </view>
  94. <view v-if="ishowpull" style="display: flex;flex-wrap: wrap;padding: 10upx 12upx;">
  95. <view class="spacedance" v-for="(item, index) in classify" :key="index" @click.stop="confirm(item)">{{ item.gc_name }}</view>
  96. </view>
  97. <!-- 商品列表 -->
  98. <shopList :goodId="goodId" :productList="goods_list" />
  99. <view v-if="isDetail == 1" class="fontcenter">加载中...</view>
  100. <view v-if="isDetail == 2" class="fontcenter">暂无更多商品</view>
  101. </view>
  102. </van-tab>
  103. <van-tab :name="1" :title="'评价' + ' ' + feedback_count">
  104. <!-- 评价列表 -->
  105. <assess :feedback_list="feedback_list" :showpicture="showpicture" />
  106. </van-tab>
  107. <van-tab :name="2" title="酒店信息">
  108. <view style="padding: 20upx 32upx 0upx 32upx;margin-bottom: 200upx;">
  109. <view style="padding-bottom: 10upx;">商家信息</view>
  110. <rich-text :nodes="store_description"></rich-text>
  111. <view class="newadress">
  112. <view>酒店地址</view>
  113. <view v-if="storeinformation.store_address != ''">{{ storeinformation.store_address }}</view>
  114. <view v-else>暂无</view>
  115. </view>
  116. <view class="newadress">
  117. <view>联系酒店</view>
  118. <view v-if="storeinformation.store_phone != ''">{{ storeinformation.store_phone }}</view>
  119. <view v-else>暂无</view>
  120. </view>
  121. </view>
  122. </van-tab>
  123. </van-tabs>
  124. </view>
  125. </scroll-view>
  126. <view v-if="activeindex == 2" class="bottomButton"><button type="warn" @click="gofeedback">您的入住意见反馈(反馈送圈币)</button></view>
  127. <Gobacktop @getop="getop" v-if="isTop" />
  128. </van-skeleton>
  129. </view>
  130. </template>
  131. <script>
  132. import { mapMutations, mapState } from 'vuex';
  133. import uniIcon from '@/component/uni-icon/uni-icon.vue';
  134. import uniNavBar from '@/component/uni-nav-bar/uni-nav-bar.vue';
  135. import commoNar from '@/component/commoNar.vue'; // 筛选栏
  136. import shopList from '@/component/shopList.vue'; // 商品列表
  137. import assess from '@/component/assess.vue'; // 评价列表
  138. import Gobacktop from '@/component/Gobacktop.vue';
  139. export default {
  140. components: {
  141. uniIcon,
  142. uniNavBar,
  143. commoNar,
  144. assess,
  145. shopList,
  146. Gobacktop
  147. },
  148. data() {
  149. return {
  150. isfx: false,
  151. firstloading: 0,
  152. showpicture: false,
  153. loading: true,
  154. storeinformation: {},
  155. isTop: 0,
  156. feedback_count: 0,
  157. hoteldetail: {},
  158. has_collected: 0, // 收藏酒店
  159. chosegoods_commonid: true,
  160. chosegoods_price: true,
  161. firstwo: 1,
  162. isDetail: 1,
  163. pictureUrl: this.pictureUrl,
  164. showdialog: false,
  165. store_description: '', //酒店信息
  166. store_summary: '', // 标签
  167. store_slide: [], //banner
  168. goods_list: [], // 首页酒店商品列表
  169. isnexttwo: 1,
  170. feedback_list: [], // 评价列表
  171. hotelitle: '', // 酒店名称
  172. istopclick: 0,
  173. page: 1,
  174. goodId: 0,
  175. page_size: 10,
  176. gc_id_1: '', // 一级分类id
  177. gc_id_2: '', // 二级分类id
  178. goods_commonid: '', // 上新排序 desc-降序 asc-尚需
  179. goods_price: '', // 价格排序 desc-降序 asc-尚需
  180. praise: '', // 好评率排序 desc-降序 asc-尚需
  181. keyword: '', //g 关键字搜索
  182. category_list: [{ gc_id_1: '', gc_name: '全部' }], // 一级菜单栏
  183. tabIndex: 1,
  184. isprice: 0,
  185. menu: [
  186. {
  187. name: '综合',
  188. id: '0'
  189. },
  190. {
  191. name: '上新',
  192. id: '1'
  193. },
  194. {
  195. name: '价格',
  196. id: '2'
  197. },
  198. {
  199. name: '分类',
  200. id: '3'
  201. }
  202. ],
  203. ishowpull: false,
  204. classify: [],
  205. background: ['color1', 'color2', 'color3'],
  206. indicatorDots: true,
  207. autoplay: true,
  208. interval: 2000,
  209. duration: 500,
  210. activeindex: 0,
  211. scrollTop: 0,
  212. old: { scrollTop: 0 },
  213. value1: 0,
  214. iScrolltop: 1
  215. };
  216. },
  217. onShareAppMessage(res) {
  218. uni.showShareMenu({
  219. withShareTicket: true
  220. });
  221. let that = this;
  222. let id = this.goodId; // 酒店id
  223. if (res.from === 'button') {
  224. // 来自页面内分享按钮
  225. }
  226. return {
  227. title: that.hotelitle,
  228. path: `/pages/index/hotel?id=${id}`,
  229. imageUrl: that.store_slide[0]
  230. };
  231. },
  232. // 初次渲染进来关闭分享菜单栏
  233. onReady: function() {},
  234. onLoad(options) {
  235. if (options.q) {
  236. var str = decodeURIComponent(options.q);
  237. var num = str.indexOf('=');
  238. var id = str.slice(num + 1);
  239. this.goodId = id; // 商品和酒店Id
  240. } else {
  241. this.goodId = options.id; // 商品和酒店Id
  242. }
  243. if (options.isfx) {
  244. this.isfx = true;
  245. } else {
  246. this.isfx = false;
  247. }
  248. this.activeindex = 0;
  249. this.getshopdetail(); // 获取商品详情
  250. this.hotelmenu(); // 一级菜单
  251. this.gethoteil(); // 获取酒店信息
  252. uni.$on('changshow', e => {
  253. this.changeshow();
  254. });
  255. uni.$on('changpicture', e => {
  256. this.changimg();
  257. });
  258. },
  259. computed: {
  260. ...mapState(['hasLogin', 'userInfo', 'successlogion'])
  261. },
  262. methods: {
  263. changeshow() {
  264. this.showpicture = false;
  265. },
  266. changimg() {
  267. this.showpicture = true;
  268. },
  269. getop() {
  270. this.scrollTop = this.old.scrollTop;
  271. this.$nextTick(function() {
  272. this.scrollTop = 0;
  273. });
  274. this.isTop = false;
  275. },
  276. // 入住酒店反馈
  277. gofeedback() {
  278. if (this.hoteldetail.can_feedback == 0) {
  279. this.$msg(this.hoteldetail.feedback_msg);
  280. return;
  281. }
  282. let store_id = this.goodId;
  283. uni.navigateTo({
  284. url: `/pages/index/feedback?store_id=${store_id}`
  285. });
  286. },
  287. // 搜说
  288. gotosearch() {
  289. let store_id = this.goodId;
  290. uni.navigateTo({
  291. url: `/pages/index/hotelsearch?store_id=${store_id}`
  292. });
  293. },
  294. // 收藏
  295. gocollect() {
  296. if (this.hasLogin && this.successlogion) {
  297. this.request({
  298. url: '/v1/favorites/collect',
  299. method: 'post',
  300. data: {
  301. type: 'store',
  302. fav_id: this.goodId
  303. },
  304. success: res => {
  305. if (res.data.data.action == 'add') {
  306. this.$msg('收藏成功');
  307. } else {
  308. this.$msg('取消收藏');
  309. }
  310. this.gethoteil();
  311. }
  312. });
  313. } else {
  314. // this.showdialog = true;
  315. uni.navigateTo({
  316. url: '/pages/myCenter/logion'
  317. });
  318. }
  319. },
  320. choseType(e) {
  321. this.tabIndex = e;
  322. this.isDetail = 1;
  323. this.page = 1;
  324. if (this.tabIndex == 1) {
  325. // 服务
  326. this.istopclick = 0;
  327. this.isprice = 0;
  328. this.gc_id_1 = '';
  329. this.goods_price = '';
  330. this.goods_commonid = '';
  331. this.getshopdetail(2);
  332. } else if (this.tabIndex == 2) {
  333. //伤
  334. this.chosegoods_price = true;
  335. this.istopclick = this.chosegoods_commonid ? 1 : 2;
  336. this.isprice = 0;
  337. this.goods_price = '';
  338. this.goods_commonid = this.chosegoods_commonid ? 'asc' : 'desc';
  339. this.chosegoods_commonid = !this.chosegoods_commonid;
  340. this.getshopdetail(2);
  341. } else if (this.tabIndex == 3) {
  342. // 价格
  343. this.chosegoods_commonid = true;
  344. this.istopclick = 0;
  345. this.isprice = this.chosegoods_price ? 3 : 4;
  346. this.goods_price = this.chosegoods_price ? 'desc' : 'asc';
  347. this.goods_commonid = '';
  348. this.chosegoods_price = !this.chosegoods_price;
  349. this.getshopdetail(2);
  350. } else if (this.tabIndex == 4) {
  351. // 分类
  352. this.ishowpull = !this.ishowpull;
  353. this.istopclick = 0;
  354. this.isprice = 0;
  355. this.goods_price = '';
  356. this.goods_commonid = '';
  357. this.chosegoods_price = true;
  358. this.chosegoods_commonid = true;
  359. }
  360. },
  361. // 点击切换上下
  362. changeisclick(e) {},
  363. openHome() {
  364. uni.switchTab({
  365. url: `/pages/index/index`
  366. });
  367. },
  368. godetail(item) {
  369. let id = item.gc_id; // 一级菜单id
  370. let store_id = this.goodId;
  371. let gc_name = item.gc_name;
  372. uni.navigateTo({
  373. url: `/pages/index/hoteldetail?id=${id}&gc_name=${gc_name}&store_id=${store_id}`
  374. });
  375. },
  376. // 获取商品详情
  377. getshopdetail(e) {
  378. this.request({
  379. url: '/v2/entry/storeGoods',
  380. method: 'get',
  381. data: {
  382. store_id: this.goodId,
  383. page: this.page,
  384. goods_commonid: this.goods_commonid, // 上新排序
  385. goods_price: this.goods_price,
  386. gc_id_1: this.gc_id_1
  387. },
  388. success: res => {
  389. // uni.hideLoading()
  390. if (this.firstloading == 0) {
  391. this.loading = false;
  392. }
  393. this.firstloading = 1;
  394. if (e == 2) {
  395. this.goods_list = [];
  396. }
  397. this.goods_list = this.goods_list.concat(res.data.data.goods_list);
  398. if (res.data.data.goods_list.length < 10) {
  399. this.isDetail = 2;
  400. }
  401. }
  402. });
  403. },
  404. // 一级菜单
  405. hotelmenu() {
  406. let _this = this;
  407. this.request({
  408. url: '/v1/entry/storeCategory',
  409. method: 'get',
  410. data: {
  411. store_id: this.goodId
  412. },
  413. success: function(res) {
  414. let { category_list } = res.data.data;
  415. category_list.forEach((item, idx) => {
  416. item.text = item.gc_name;
  417. item.value = idx;
  418. });
  419. let array = [{ gc_id: '', gc_name: '全部' }];
  420. _this.classify = array.concat(category_list);
  421. _this.category_list = category_list.splice(0, 10);
  422. }
  423. });
  424. },
  425. onChange(event) {
  426. this.activeindex = event.detail.name;
  427. this.page = 1;
  428. if (event.detail.name == 1) {
  429. this.getcomment();
  430. } else if (event.detail.name == 0) {
  431. this.getshopdetail();
  432. }
  433. },
  434. // 获取酒店评价
  435. getcomment() {
  436. this.request({
  437. url: '/v1/store/feedbackList',
  438. method: 'POST',
  439. data: {
  440. page: this.page,
  441. page_size: 10,
  442. store_id: this.goodId
  443. },
  444. success: res => {
  445. this.feedback_list = res.data.data.feedback_list;
  446. if (res.data.data.feedback_list.length < 10) {
  447. this.isnexttwo = 2;
  448. }
  449. if (this.firstloading == 0) {
  450. this.loading = false;
  451. }
  452. this.firstloading = 1;
  453. }
  454. });
  455. },
  456. // 获取酒店信息
  457. gethoteil() {
  458. this.request({
  459. url: '/v1/store/info',
  460. method: 'get',
  461. data: {
  462. store_id: this.goodId
  463. },
  464. success: res => {
  465. if (this.firstloading == 0) {
  466. this.loading = false;
  467. }
  468. this.firstloading = 1;
  469. let { data } = res.data;
  470. this.store_slide = [];
  471. this.hoteldetail = data;
  472. this.feedback_count = data.feedback_count;
  473. this.hotelitle = data.store_name;
  474. data.store_slide.forEach(item => {
  475. if (item.indexOf('jpg') != -1) {
  476. this.store_slide.push(item);
  477. }
  478. });
  479. let src = this.pictureUrl + '/uploads/home/store/' + data.store_id + '/' + data.store_banner;
  480. if (this.store_slide.length == 0) {
  481. this.store_slide.push(src);
  482. }
  483. this.storeinformation = data;
  484. this.store_summary = data.store_summary;
  485. const regex = new RegExp('<img', 'gi');
  486. if (data.store_description) {
  487. data.store_description = data.store_description.replace(regex, `<img style="width: 100%;height: auto!important;display: block;text-align: center;"`);
  488. this.store_description = data.store_description;
  489. }
  490. this.has_collected = data.has_collected; // 是否收藏
  491. }
  492. });
  493. },
  494. changemenu(e) {},
  495. confirm(e) {
  496. this.tabIndex = 0;
  497. this.ishowpull = false;
  498. this.gc_id_1 = e.gc_id;
  499. this.getshopdetail(2);
  500. },
  501. upper(e) {},
  502. // 滚到底部
  503. lower(e) {
  504. if (this.isnexttwo == 1 && this.activeindex == 1) {
  505. this.page = this.page + 1;
  506. this.getcomment();
  507. } else if (this.isDetail == 1) {
  508. this.page = this.page + 1;
  509. this.getshopdetail();
  510. }
  511. },
  512. // 滚动时触发
  513. scroll(e) {
  514. if (e.detail.scrollTop > 400) {
  515. this.isTop = true;
  516. } else {
  517. //当距离小于500时显示回到顶部按钮
  518. this.isTop = false;
  519. }
  520. if (e.detail.scrollTop > 160) {
  521. this.iScrolltop = 2;
  522. } else {
  523. this.iScrolltop = 1;
  524. }
  525. this.old.scrollTop = e.detail.scrollTop;
  526. },
  527. // 返回上一页
  528. goback() {
  529. this.openHome();
  530. // uni.navigateBack()
  531. }
  532. }
  533. };
  534. </script>
  535. <style scoped>
  536. .search{
  537. position: fixed;
  538. top: 65upx;
  539. left: 0;
  540. right: 0;
  541. z-index: 99;
  542. }
  543. .home {
  544. position: absolute;
  545. width: 60upx;
  546. height: 60upx;
  547. background-color: #fff;
  548. border-radius: 50%;
  549. box-shadow: 0 0 3upx #333333;
  550. text-align: center;
  551. top: 100upx;
  552. z-index: 999;
  553. left: 0;
  554. }
  555. .home image {
  556. width: 40upx;
  557. height: 40upx;
  558. padding-top: 8rpx;
  559. }
  560. .van-tab--active {
  561. color: #d9332e !important;
  562. }
  563. .newadress {
  564. display: flex;
  565. justify-content: space-between;
  566. border-bottom: 1px solid #f5f5f5;
  567. padding: 15upx 0;
  568. }
  569. .changfecolor {
  570. color: green;
  571. }
  572. .scrollswiper {
  573. width: 100%;
  574. position: relative;
  575. }
  576. .titleFixed {
  577. position: absolute;
  578. top: 0;
  579. left: 0;
  580. z-index: 99;
  581. padding-top: 0;
  582. }
  583. .van-nav-bar {
  584. padding-top: 0 !important;
  585. /* background: #000000!important; */
  586. /* opacity: 0.2; */
  587. background: rgba(0, 0, 0, 0.2) !important;
  588. }
  589. .swiper {
  590. height: 380upx;
  591. }
  592. .swiper-item {
  593. display: block;
  594. height: 100% !important;
  595. line-height: 300upx;
  596. text-align: center;
  597. }
  598. .tip {
  599. display: flex;
  600. justify-content: space-between;
  601. padding: 36upx 32upx;
  602. }
  603. .giveList {
  604. padding: 10upx 12upx;
  605. display: flex;
  606. flex-wrap: wrap;
  607. }
  608. .giveItem {
  609. height: 150rpx;
  610. flex: 1;
  611. width: 14%;
  612. min-width: 14%;
  613. max-width: 14%;
  614. /* margin: 24rpx 0 25rpx 4%; */
  615. margin: 24upx 3%;
  616. }
  617. .active {
  618. color: #f76260;
  619. }
  620. .typeItem {
  621. width: 25%;
  622. display: inline-block;
  623. text-align: center;
  624. }
  625. .iconClass {
  626. display: flex;
  627. flex-direction: row;
  628. align-items: center;
  629. justify-content: center;
  630. }
  631. .hotlItem {
  632. padding: 22upx 30upx;
  633. border-bottom: 1px solid #eeeeee;
  634. display: flex;
  635. justify-content: space-between;
  636. }
  637. .bottomButton {
  638. width: 95%;
  639. left: 2.5%;
  640. position: fixed;
  641. bottom: 2.5%;
  642. }
  643. .titeTop {
  644. display: flex;
  645. align-items: center;
  646. position: absolute;
  647. top: 10upx;
  648. width: 100%;
  649. }
  650. .topleft {
  651. width: 60upx;
  652. height: 60upx;
  653. line-height: 60upx;
  654. margin: 0 5upx;
  655. }
  656. .topright {
  657. }
  658. .input-view {
  659. width: 100%;
  660. display: flex;
  661. height: 30px;
  662. border-radius: 15px;
  663. padding: 0 4%;
  664. flex-wrap: nowrap;
  665. margin: 7px 0;
  666. line-height: 30px;
  667. margin: 24upx auto;
  668. background: rgba(0, 0, 0, 1);
  669. opacity: 0.4;
  670. }
  671. .input-view .uni-icon {
  672. line-height: 30px !important;
  673. }
  674. .input-view .input {
  675. height: 30px;
  676. line-height: 30px;
  677. width: 94%;
  678. padding: 0 3%;
  679. }
  680. .activeColor {
  681. background: #fff !important;
  682. }
  683. .listType {
  684. }
  685. .changeimg {
  686. width: 100%;
  687. height: auto !important;
  688. display: block;
  689. text-align: center;
  690. }
  691. .spacedance {
  692. border: 1px solid #eee;
  693. flex: 1;
  694. width: 20%;
  695. text-align: center;
  696. min-width: 20%;
  697. max-width: 20%;
  698. margin: 6rpx 0 15rpx 2%;
  699. padding: 4upx 8upx;
  700. color: #666;
  701. }
  702. .fontcenter {
  703. text-align: center;
  704. color: #666;
  705. }
  706. /* 轮播切换图标字体红 */
  707. </style>