提交
This commit is contained in:
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="commonPageBox" style="">
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -60,7 +63,7 @@
|
||||
<scroll-view
|
||||
scroll-y="true"
|
||||
class="scroll-Y"
|
||||
style="height: 100%"
|
||||
style="height: 100%;width: 100%;"
|
||||
@scrolltolower="onReachBottom1"
|
||||
>
|
||||
<view
|
||||
@@ -98,7 +101,7 @@
|
||||
<view class="flash_sale_box" v-if="currentCate == 1">
|
||||
<view class="flash_sale_content">
|
||||
<common-list
|
||||
style="height: 100%"
|
||||
style="height: 100%;width: 100%;"
|
||||
noDataIcon="data"
|
||||
:isCondition="true"
|
||||
@lower="onReachBottom2"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="about">
|
||||
<view class="content">
|
||||
<view class="qrcode">
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class=" commonPage commonPageBox bg" @click="navigateTo">
|
||||
<view class="">{{ content }}</view>
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view v-if="show">
|
||||
<swiper
|
||||
class="guide_pages_swiper"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class=" commonPage commonPageBox bg" @click="navigateTo">
|
||||
<view class="">{{ content }}</view>
|
||||
<public-module></public-module>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="">
|
||||
<view class="shopHeader">
|
||||
<!-- 顶部导航栏 -->
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<z-nav-bar :title="title"></z-nav-bar>
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="">
|
||||
<z-nav-bar title="健康超市"></z-nav-bar>
|
||||
<!-- 一级分类 -->
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<z-nav-bar title="全部分类"></z-nav-bar>
|
||||
<view class="oneLevel">
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="">
|
||||
<view class="header">
|
||||
<!-- 顶部导航栏 -->
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="">
|
||||
<view class="header">
|
||||
<!-- 顶部导航栏 -->
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<z-nav-bar>
|
||||
<u-search :clearabled="true" bgColor="#fff" borderColor="#54a966" focus v-model="bookScreen.bookName"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="">
|
||||
<view class="header">
|
||||
<!-- 顶部导航栏 -->
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
快递列表页面
|
||||
</view>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
@@ -259,7 +262,10 @@
|
||||
type="success"
|
||||
></u-tag>
|
||||
</view>
|
||||
<view class="orderReal">
|
||||
<view class="orderReal" style=" width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;">
|
||||
<span style="color: #666; margin-right: 10rpx; float: left"
|
||||
>创建时间 :
|
||||
</span>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage" style="background-color: #f2f2f2">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<!-- 公共组件-每个页面必须引入1 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class=" ">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<!-- <public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class=" ">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<!-- <public-module></public-module>
|
||||
|
||||
@@ -1,585 +0,0 @@
|
||||
<template>
|
||||
<view class="wrapper" :style="`width:100%;top: ${45 + statusBarHeight}px !important;`">
|
||||
|
||||
<view
|
||||
class="tabs"
|
||||
id="tabs"
|
||||
:style="{
|
||||
top: `${45 + statusBarHeight}px !important`,
|
||||
}"
|
||||
>
|
||||
<slot name="tabs" :showTabs="showTabs"></slot>
|
||||
|
||||
<u-tabs
|
||||
:style="{ display: showTabs ? 'block' : 'none', ...tabStyle }"
|
||||
keyName="title"
|
||||
:current="currentTab"
|
||||
:list="tabList"
|
||||
@click="clickItem"
|
||||
lineColor="#00BB84"
|
||||
lineWidth="46rpx"
|
||||
lineHeight="10"
|
||||
class="tabsStyle"
|
||||
:inactiveStyle="{
|
||||
color: '#666666',
|
||||
fontSize: '30rpx',
|
||||
fontWeight: 400,
|
||||
}"
|
||||
:activeStyle="{
|
||||
color: '#333333',
|
||||
fontSize: '30rpx',
|
||||
fontWeight: 'bold',
|
||||
}"
|
||||
>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
<!-- <text>{{ slotProps.data.title }}</text> -->
|
||||
<slot name="labelSlot" :data="slotProps.data"></slot>
|
||||
</template>
|
||||
</u-tabs>
|
||||
</view>
|
||||
<slot name="otherContent" :showTabs="showTabs"></slot>
|
||||
<view class="section_box" :style="`padding-top:${45 + statusBarHeight}px;`">
|
||||
<view class="section" v-for="(v, i) in allDataList">
|
||||
<view class="section">
|
||||
<view
|
||||
:id="v[titleKey]"
|
||||
style="padding: 20rpx"
|
||||
:class="`${currentTab == i ? 'hot section_top' : 'section_top'}`"
|
||||
>
|
||||
<slot name="label" :title="v[titleKey]" :data="v"></slot>
|
||||
<!-- <view class="title" :style="{...titleStyle}">{{ v[titleKey] }}</view> -->
|
||||
</view>
|
||||
<view class="content section_content_progress">
|
||||
<view class="content_list">
|
||||
|
||||
<slot
|
||||
name="contentList"
|
||||
:showTabs="showTabs"
|
||||
:dataList="v[dataListKey]"
|
||||
:data="v"
|
||||
></slot>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
components: {},
|
||||
props: [
|
||||
"allDataList",
|
||||
"dataListKey",
|
||||
"tabStyle",
|
||||
"titleKey",
|
||||
"titleStyle",
|
||||
"baseHeight",
|
||||
"allTabList",
|
||||
],
|
||||
data() {
|
||||
return {
|
||||
indexList: [],
|
||||
itemArr: [],
|
||||
distanceList: [],
|
||||
tabList: [],
|
||||
timer: null,
|
||||
isLeftClick: false,
|
||||
isOpenRightButton: true,
|
||||
viewid: "cont0",
|
||||
viewidIndex: 0,
|
||||
|
||||
openCollapseList: [],
|
||||
cateIconList: [],
|
||||
fdButtonStyle: {
|
||||
width: "120rpx",
|
||||
"border-color": "$themeColor",
|
||||
color: "$themeColor",
|
||||
float: "right",
|
||||
"margin-right": "20rpx",
|
||||
"margin-left": "30rpx",
|
||||
},
|
||||
modalInfo: {},
|
||||
vip: {},
|
||||
show: false,
|
||||
|
||||
options: {},
|
||||
showTabs: false, // 默认吸顶的tab不显示
|
||||
currentTab: -1, // 由于初始化的uview的代码有bug,所以默认是-1,在第一次显示的时候,设置0,自动复位,防止错误
|
||||
|
||||
distanceArr: [], // 每一个ID对应的scrollTop值
|
||||
|
||||
isTabChange: false, // 防止在点击tab的时候,页面的滚动导致重复计算、抖动问题
|
||||
};
|
||||
},
|
||||
// 监听页面滚动
|
||||
watch: {
|
||||
currentTab: {
|
||||
immediate: true,
|
||||
handler(newRoute) {
|
||||
// console.log(this.currentTab,'8777777777777');
|
||||
// this.$emit('currentTab',this.currentTab)
|
||||
},
|
||||
},
|
||||
},
|
||||
async onLoad(options) {
|
||||
this.options = options;
|
||||
|
||||
await this.handleselectCate({ ...this.cateList[0], index: 0 }, 0);
|
||||
},
|
||||
async onShow() {},
|
||||
methods: {
|
||||
pageScroll(event) {
|
||||
// console.log("event at line 213:", event);
|
||||
const _this = this;
|
||||
if (this.isTabChange) {
|
||||
return;
|
||||
}
|
||||
const { scrollTop } = event;
|
||||
const skewY =
|
||||
Number(this.baseHeight) + 45 + +Number(this.statusBarHeight); // 偏移量,由于吸顶的tab、头部的显示信息也有高度,素以做了偏移量
|
||||
// console.log('skewY at line 130:',this.baseHeight,this.statusBarHeight, skewY)
|
||||
if (scrollTop >= skewY) {
|
||||
if (!this.showTabs && this.currentTab <= 0) {
|
||||
// 在未显示tab并且 currentTab <= 0时,防止uview ui抖动bug,设置默认复位值
|
||||
this.currentTab = 0;
|
||||
}
|
||||
this.showTabs = true;
|
||||
// console.log('this.showTabs at line 141:', this.showTabs)
|
||||
this.$forceUpdate();
|
||||
this.$nextTick(() => {
|
||||
const length = this.distanceArr.length;
|
||||
const index = this.distanceArr.findIndex(
|
||||
(el) => el - skewY - scrollTop > 0
|
||||
);
|
||||
// 当index == -1 的时候,实际当前滚动的距离超出了最大值,也就是在最后一个tab显示的内容
|
||||
// 当index > 0 的时候,说明能在当前的scrollTop值找到,即index的前一位
|
||||
this.currentTab = index > 0 ? index - 1 : length - 1;
|
||||
});
|
||||
} else {
|
||||
this.showTabs = false;
|
||||
}
|
||||
},
|
||||
|
||||
backClick() {
|
||||
if (this.options.backType == "order") {
|
||||
uni.switchTab({
|
||||
url: "/pages/homePage/index/index",
|
||||
});
|
||||
} else {
|
||||
uni.navigateBack({
|
||||
delta: 1,
|
||||
});
|
||||
}
|
||||
},
|
||||
|
||||
// 获取所有元素在当前页面所处的位置信息
|
||||
getDistanceArr() {
|
||||
if (this.allTabList && allTabList.length > 0) {
|
||||
} else {
|
||||
this.tabList = [];
|
||||
console.log("this.allDataList.map at line 1734:", this.allDataList);
|
||||
this.allDataList.forEach((e) => {
|
||||
this.tabList.push({
|
||||
title: e.title,
|
||||
...e
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
console.log("this.tabList at line 173:", this.tabList);
|
||||
const _this = this;
|
||||
this.$nextTick(() => {
|
||||
_this.allDataList.map((el) => {
|
||||
console.log("el at line 7851:", el);
|
||||
uni
|
||||
.createSelectorQuery()
|
||||
.select("#" + el.title)
|
||||
.boundingClientRect((data) => {
|
||||
console.log("data at line 785:", data);
|
||||
// 获取当前ID距离顶部的top值
|
||||
_this.distanceArr.push(data.top.toFixed(0));
|
||||
console.log(
|
||||
"_this.distanceArr.push at line 176:",
|
||||
_this.distanceArr
|
||||
);
|
||||
})
|
||||
.exec();
|
||||
});
|
||||
});
|
||||
},
|
||||
clickItem(item, index) {
|
||||
this.isTabChange = true;
|
||||
const _this = this;
|
||||
// this.$nextTick 保证当前isTabChange 为true后执行代码
|
||||
// 避免在istabChange变为true的时候,执行代码,监听事件还是会继续执行重新计算currenTab值
|
||||
this.$nextTick(() => {
|
||||
_this.currentTab = item.index;
|
||||
uni
|
||||
.createSelectorQuery()
|
||||
.select("#" + item.title)
|
||||
.boundingClientRect((data) => {
|
||||
uni
|
||||
.createSelectorQuery()
|
||||
.select(".wrapper")
|
||||
.boundingClientRect((res) => {
|
||||
const scrollTop = data.top - res.top; // 获取差值
|
||||
const skewY = 200; // 偏移
|
||||
// 页面开始进行滚动到目标位置
|
||||
uni.pageScrollTo({
|
||||
scrollTop:
|
||||
scrollTop > 0 ? scrollTop - skewY : scrollTop + skewY,
|
||||
duration: 300,
|
||||
complete: function () {
|
||||
const timer = setTimeout(() => {
|
||||
_this.isTabChange = false; // 关闭
|
||||
clearTimeout(timer);
|
||||
}, 500); // 解决ios和安卓、鸿蒙系统兼容性问题
|
||||
},
|
||||
});
|
||||
})
|
||||
.exec();
|
||||
})
|
||||
.exec();
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
.wrapper {
|
||||
background: white;
|
||||
position: absolute;
|
||||
|
||||
min-height: 60vh;
|
||||
.header {
|
||||
height: 100rpx;
|
||||
background: orange;
|
||||
.bg {
|
||||
width: 100vw;
|
||||
height: 200rpx;
|
||||
}
|
||||
}
|
||||
.tabs {
|
||||
position: fixed !important;
|
||||
z-index: 970;
|
||||
// top: 0;
|
||||
background-color: #fff;
|
||||
width: 100vw;
|
||||
.tabsStyle {
|
||||
box-shadow: 0 2rpx 6rpx 0 rgba(153, 153, 153, 0.2);
|
||||
::v-deep {
|
||||
.u-tabs {
|
||||
box-shadow: 0px 4px 6px 0 rgba(153, 153, 153, 0.2);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.section {
|
||||
width: 100%;
|
||||
padding: 0 0rpx;
|
||||
box-sizing: border-box;
|
||||
.section_top {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
.title {
|
||||
font-size: 40rpx;
|
||||
font-family: PingFangSC-Semibold, PingFang SC;
|
||||
font-weight: 600;
|
||||
color: #333333;
|
||||
margin-left: 30rpx;
|
||||
position: relative;
|
||||
&::before {
|
||||
position: absolute;
|
||||
content: "";
|
||||
left: -30rpx;
|
||||
width: 14rpx;
|
||||
height: 77%;
|
||||
top: 10%;
|
||||
border-radius: 14rpx;
|
||||
background: #00bb84;
|
||||
}
|
||||
}
|
||||
|
||||
.right {
|
||||
position: relative;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
width: 20rpx;
|
||||
|
||||
.dots {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
height: 33rpx;
|
||||
width: 26rpx;
|
||||
align-items: center;
|
||||
padding: 10rpx 20rpx;
|
||||
margin-right: 4rpx;
|
||||
|
||||
.dot {
|
||||
width: 9rpx;
|
||||
height: 9rpx;
|
||||
background: #000000;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.more_menu {
|
||||
position: absolute;
|
||||
top: 70rpx;
|
||||
right: 0;
|
||||
z-index: 99;
|
||||
background: white;
|
||||
padding: 0 20rpx;
|
||||
box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.2);
|
||||
border-radius: 4rpx;
|
||||
|
||||
.more_menu_item {
|
||||
font-size: 30rpx;
|
||||
padding: 24rpx 180rpx 24rpx 16rpx;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.more_menu_item:not(:last-child) {
|
||||
border-bottom: 1rpx solid #dddddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.content {
|
||||
background: #f8f8f9;
|
||||
border-radius: 30rpx;
|
||||
padding: 32rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
&_top {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
margin-bottom: 24rpx;
|
||||
|
||||
&_name {
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
font-size: 32rpx;
|
||||
}
|
||||
|
||||
&_ismySelf {
|
||||
background: #eeeeee;
|
||||
font-weight: 500;
|
||||
color: #999999;
|
||||
font-size: 24rpx;
|
||||
margin-left: 12rpx;
|
||||
padding: 6rpx 18rpx;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&_Info {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: space-between;
|
||||
padding-bottom: 20rpx;
|
||||
margin-top: 20rpx;
|
||||
|
||||
&_item {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex: 1;
|
||||
text-align: center;
|
||||
|
||||
&_label {
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
font-weight: 300;
|
||||
color: #999999;
|
||||
}
|
||||
|
||||
&_value {
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
color: #333333;
|
||||
margin-top: 14rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&_item:not(:last-child) {
|
||||
position: relative;
|
||||
|
||||
&::after {
|
||||
position: absolute;
|
||||
content: "";
|
||||
width: 1rpx;
|
||||
height: 70rpx;
|
||||
top: 20rpx;
|
||||
right: 0;
|
||||
background: #d8d8d8;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&_Info:not(:last-child) {
|
||||
border-bottom: 1rpx solid #d8d8d8;
|
||||
}
|
||||
|
||||
&_remark {
|
||||
font-weight: 400;
|
||||
color: #333333;
|
||||
font-size: 24rpx;
|
||||
padding-top: 20rpx;
|
||||
text-align: justify;
|
||||
min-height: 40rpx;
|
||||
}
|
||||
|
||||
&_list {
|
||||
&_item {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
padding: 20rpx 0;
|
||||
border-bottom: 1rpx solid #d8d8d8;
|
||||
|
||||
&_label {
|
||||
font-size: 30rpx;
|
||||
font-weight: 500;
|
||||
color: #00bb84;
|
||||
white-space: nowrap;
|
||||
width: 180rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&_value {
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
flex: 1;
|
||||
margin-left: 40rpx;
|
||||
align-self: center;
|
||||
word-break: break-all;
|
||||
text-align: justify;
|
||||
}
|
||||
}
|
||||
|
||||
&_empty {
|
||||
height: 180rpx;
|
||||
background: #f8f8f9;
|
||||
border-radius: 10rpx;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&_tip {
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
color: #999999;
|
||||
margin-top: 20rpx;
|
||||
line-height: 30rpx;
|
||||
}
|
||||
|
||||
image {
|
||||
width: 64rpx;
|
||||
height: 50rpx;
|
||||
}
|
||||
}
|
||||
|
||||
&_emptyResult {
|
||||
height: 240rpx;
|
||||
|
||||
image {
|
||||
width: 166rpx;
|
||||
height: 166rpx;
|
||||
}
|
||||
|
||||
&_tip {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.reset {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
&_reportList {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-gap: 20rpx;
|
||||
|
||||
&_pack {
|
||||
width: 100%;
|
||||
height: calc(25vw - 30rpx);
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
|
||||
&_addImage {
|
||||
width: 100%;
|
||||
height: calc(25vw - 30rpx);
|
||||
background: #f8f8f9;
|
||||
border-radius: 20rpx;
|
||||
// border: 2rpx dashed #bbbbbb;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
|
||||
&_icon {
|
||||
width: 60rpx;
|
||||
height: 48rpx;
|
||||
}
|
||||
|
||||
&_tip {
|
||||
font-size: 20rpx;
|
||||
font-weight: 400;
|
||||
line-height: 30rpx;
|
||||
color: #999999;
|
||||
margin-top: 14rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.section_content_progress {
|
||||
background: initial;
|
||||
padding: 0 15rpx;
|
||||
}
|
||||
|
||||
.content_result {
|
||||
background: initial;
|
||||
font-size: 30rpx;
|
||||
font-weight: 400;
|
||||
color: #666666;
|
||||
word-wrap: break-word;
|
||||
word-break: normal;
|
||||
line-height: 60rpx;
|
||||
letter-spacing: 2rpx;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.content_report {
|
||||
background: initial;
|
||||
padding: 12rpx 0;
|
||||
}
|
||||
}
|
||||
|
||||
.section:not(:first-child) {
|
||||
margin-top: 20rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.hot {
|
||||
color: #00bb84 !important;
|
||||
}
|
||||
</style>
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="wrapper" :style="`width:100%;top: ${45 + statusBarHeight}px !important;`">
|
||||
<view class="tabs" id="tabs" :style="{
|
||||
top: `${45 + statusBarHeight}px !important`,
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view style="width: 100%;height: 100%;" class="common_curriculum_list">
|
||||
<scroll-view scroll-y="true" class="scroll-Y" v-if="dataList.length > 0">
|
||||
<u-grid :col="col ? col : 1" style="overflow: hidden;justify-content:space-between">
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="richDetail">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view style="width: 100%; height: 100%">
|
||||
<scroll-view @scrolltolower="lower" scroll-y="true" class="scroll-Y" v-if="dataList.length > 0">
|
||||
<view
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="goods_nav">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view style="width: 100%; height: 100%;">
|
||||
|
||||
<view v-if="axiosStatus!=''">
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="richDetail">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage" style="height: auto !important;padding-bottom: 0 !important;">
|
||||
<u-popup :show="show" mode="bottom" @close="close" class="popup_box">
|
||||
<view class="popup_top">
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="page container commonPageBox commonDetailPage">
|
||||
<player
|
||||
ref="player"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view
|
||||
class="container playerBox"
|
||||
id="playerBox"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view
|
||||
class="container playerBox"
|
||||
id="playerBox"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view
|
||||
class="container"
|
||||
id="Aliyun"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container" style="background-color: #000; position: relative">
|
||||
<!-- <u-icon
|
||||
@click="goBack"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage" style="position: relative;">
|
||||
<!-- <cover-view class="image_box">
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox" style="background-color: #fbf9f7">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage" style="height: auto !important">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
@@ -1257,7 +1260,7 @@
|
||||
// font-family: MicrosoftYaHei;
|
||||
|
||||
.icon_box {
|
||||
width: auto;
|
||||
width: 100px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-bottom: 0rpx;
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view
|
||||
class="container commonPageBox commonDetailPage"
|
||||
style="position: relative; height: auto"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage" style="position: relative;">
|
||||
<!-- <cover-view class="image_box">
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container" style="background-color: #000; position: relative">
|
||||
<u-icon
|
||||
@click="goBack"
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<z-nav-bar
|
||||
title="我的课程"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view style="width: 100%;">
|
||||
<common-list
|
||||
style="width: 100%;"
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="componentPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox commonDetailPage">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
@@ -208,7 +211,7 @@
|
||||
<view class="explain"> 1. 1天医币 = 1元人民币 </view>
|
||||
<view class="explain">
|
||||
2.若有疑问或意见请致电客服
|
||||
<span style="font-size: 15px"><u @click="gotoPhone">022-24142321</u></span>
|
||||
<span style="font-size: 15px"><u @click="checkPermision">022-24142321</u></span>
|
||||
</view>
|
||||
<view class="explain">
|
||||
<!-- 3.非中国大陆用户可通过paypal账户支付
|
||||
@@ -331,6 +334,7 @@
|
||||
setWXPay
|
||||
} from "@/config/utils";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import permission from "@/js_sdk/wa-permission/permission.js"
|
||||
const {
|
||||
platform
|
||||
} = uni.getSystemInfoSync();
|
||||
@@ -835,7 +839,13 @@
|
||||
fnCopy(value, title) {
|
||||
this.$commonJS.handleMakingPhoneCalls(value, title);
|
||||
},
|
||||
|
||||
async checkPermision() {
|
||||
var result = await permission.premissionCheck("CALLPHONE")
|
||||
if (result != 1) {
|
||||
return false
|
||||
}
|
||||
this.gotoPhone()
|
||||
},
|
||||
gotoPhone() {
|
||||
this.$commonJS.handleMakingPhoneCalls("022-24142321");
|
||||
},
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<template>
|
||||
<page-meta :page-font-size="$baseFontSize()+'px'" :root-font-size="$baseFontSize()+'px'"></page-meta>
|
||||
<view class="commonPageBox">
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -370,8 +371,7 @@
|
||||
|
||||
.then(async (res) => {
|
||||
that.flashSaleList = res.courseList.records ?
|
||||
res.courseList.records :
|
||||
[];
|
||||
res.courseList.records : [];
|
||||
});
|
||||
},
|
||||
async getSociologyLabels() {
|
||||
@@ -687,7 +687,7 @@
|
||||
}
|
||||
|
||||
.miaoShaTitle {
|
||||
margin-right: 25rpx;
|
||||
// margin-right: 25rpx;
|
||||
|
||||
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
|
||||
font-weight: normal;
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="page">
|
||||
<z-nav-bar></z-nav-bar>
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox" style="background-color: #fff !important;">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox" style="background-color: #fff !important;">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<z-nav-bar :title="yszcText.title" bgColor="#fff" fontColor="#333"></z-nav-bar>
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="关于我们" bgColor="#3AB3AE" fontColor="#fff"></z-nav-bar>
|
||||
|
||||
85
pages/mine/aboutUs/setFontSize.vue
Normal file
85
pages/mine/aboutUs/setFontSize.vue
Normal file
@@ -0,0 +1,85 @@
|
||||
<template>
|
||||
<page-meta
|
||||
:page-font-size="fontValue + 'px'"
|
||||
:root-font-size="fontValue + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="关于我们" bgColor="#3AB3AE" fontColor="#fff"></z-nav-bar>
|
||||
<view class="content">
|
||||
<view>
|
||||
<view class="fontchange">文字大小</view>
|
||||
</view>
|
||||
<view style="width: 100%; padding: 0 10px">
|
||||
<slider
|
||||
:min="2.5"
|
||||
:max="4"
|
||||
:value="fontValue"
|
||||
@change="sliderChange"
|
||||
:step="1"
|
||||
/>
|
||||
<view class="change-fontsize-box">
|
||||
<text style="font-size: 10px"> 最小 </text>
|
||||
<text style="font-size: 12px"> 标准 </text>
|
||||
<text style="font-size: 14px"> 最大 </text>
|
||||
</view>
|
||||
</view>
|
||||
<view style="padding: 20px 10px; width: 100%">
|
||||
<u-button type="primary" @click="submit">确定</u-button>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</template>
|
||||
<script>
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
fontValue: 3,
|
||||
};
|
||||
},
|
||||
onShow() {
|
||||
uni.getStorageSync("fontSize")
|
||||
? (this.fontValue =this.$baseFontSize())
|
||||
: (this.fontValue = 3);
|
||||
},
|
||||
|
||||
methods: {
|
||||
sliderChange(e) {
|
||||
this.fontValue = e.detail.value;
|
||||
},
|
||||
submit() {
|
||||
uni.setStorageSync("fontSize", this.fontValue);
|
||||
uni.showToast({
|
||||
title: "设置成功",
|
||||
icon: "none",
|
||||
duration: 1500,
|
||||
});
|
||||
console.log(uni.getStorageSync("fontSize"));
|
||||
uni.navigateBack({
|
||||
delta: 1
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style>
|
||||
.fontchange {
|
||||
font-size: 26rpx;
|
||||
margin: 20px 0;
|
||||
}
|
||||
.content {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
padding: 5px;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.change-fontsize-box {
|
||||
margin: 10px 18px;
|
||||
display: flex;
|
||||
align-items: flex-end;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,5 +1,9 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view style="
|
||||
height: 100vh;
|
||||
padding: 0 0;
|
||||
font-size: 28rpx;
|
||||
background-color: #39b4a84d !important;
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,5 +1,8 @@
|
||||
<template>
|
||||
<view class="container commonPageBox vipBox" style="">
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox vipBox" style="height: 100vh;">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonDetailPage" style="background-color: #fff !important">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,659 +0,0 @@
|
||||
<template>
|
||||
<view class="commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar title="我的积分" bgColor="" fontColor="#000000" > </z-nav-bar>
|
||||
<view class="ACTable " >
|
||||
<!-- <u-tabs :list="tab_list" @click="tab_click" lineColor="#54a966 100% 100%"
|
||||
:activeStyle="{color: '#303133',fontWeight: 'bold',transform: 'scale(1.1)'}" ></u-tabs> -->
|
||||
|
||||
<!-- <u-tabs :list="tab_list_ios" @click="tab_click" lineColor="#54a966 100% 100%"
|
||||
:activeStyle="{color: '#303133',fontWeight: 'bold',transform: 'scale(1.1)'}" v-if="!iosHide"></u-tabs> -->
|
||||
|
||||
<view>
|
||||
<view class="AC_mes">
|
||||
<view class="wallet_title PM_font">全部积分</view>
|
||||
<view class="wallet_number">{{
|
||||
userMes.jf ? userMes.jf : 0
|
||||
}}</view>
|
||||
|
||||
<!-- <text v-if="platform != 'ios'" class="AC_chong" @click="buPoint()"
|
||||
>充值</text
|
||||
> -->
|
||||
</view>
|
||||
|
||||
<view style="padding: 20rpx; padding-top: 0">
|
||||
<view class="AC_con">
|
||||
<view class="AC_jilu PM_font">积分记录</view>
|
||||
<common-list
|
||||
:dataList="MoneyRecord"
|
||||
isCondition="true"
|
||||
isNoIcon="true"
|
||||
label="orderType"
|
||||
>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
<view class="label_content AC_List">
|
||||
<view class="left">
|
||||
<view class="title">{{ slotProps.row.orderType }}</view>
|
||||
</view>
|
||||
<view
|
||||
:class="`right ${
|
||||
slotProps.row.changeAmount > 0 ? 'Hot' : ''
|
||||
}`"
|
||||
>
|
||||
<text v-if="slotProps.row.changeAmount > 0">+</text>
|
||||
<text>{{ slotProps.row.changeAmount }}</text> </view
|
||||
><view
|
||||
class="AC_mark"
|
||||
v-if="slotProps.row.remark "
|
||||
>{{ slotProps.row.remark}}</view
|
||||
><view class="AC_time">{{ slotProps.row.createTime }}</view>
|
||||
</view>
|
||||
</template>
|
||||
</common-list>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- <view v-if="tab_muJian==1">
|
||||
<view class="couponList">
|
||||
<view v-for="(item,index) in couponTabs" @click="couponTabCLi(index)"
|
||||
:class="couponListTab==index?'couStyle':''">{{item.name}}</view>
|
||||
</view>
|
||||
<view>
|
||||
<view class="card" v-for="item in cardList">
|
||||
<view>
|
||||
<view class="content">
|
||||
<view :class="couponListTab==0?'page-group':'page-group grey'">
|
||||
<i class="fold-page"></i>
|
||||
<span class="page">优惠券</span>
|
||||
</view>
|
||||
<i class="dot-left"></i>
|
||||
<i class="dot-right"></i>
|
||||
<view class="coupon-detail">
|
||||
<view :class="couponListTab==0?'':'grey'">
|
||||
<span>¥</span>
|
||||
<span>{{item.coupons.amount}}</span>
|
||||
</view>
|
||||
<view>
|
||||
<view>{{item.coupons.couponName}}</view>
|
||||
<view>满{{item.coupons.useLevel}}元可用</view>
|
||||
<view>
|
||||
<span v-if="item.coupons.couponProType == 0">使用类型:商品类</span>
|
||||
<span v-if="item.coupons.couponProType == 1">使用类型:电子书</span>
|
||||
</view>
|
||||
</view>
|
||||
<view>
|
||||
<view v-if="couponListTab==0" @click="onPageJump('../bookShop/bookShopIndex')">
|
||||
立即使用</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="footer">
|
||||
<view style="margin: 0 0 8rpx 0;">使用时间:{{item.coupons.takeEffectDate}} -
|
||||
{{item.coupons.expirationDate}}
|
||||
</view>
|
||||
<view>{{item.coupons.note}}</view>
|
||||
<view class="arrow"></view>
|
||||
<view class="arrow-up"></view>
|
||||
</view>
|
||||
<view class="ribbon" v-if="couponListTab==0">未使用</view>
|
||||
<view class="ribbon grey" v-if="couponListTab==1">已使用</view>
|
||||
<view class="ribbon grey" v-if="couponListTab==2">已过期</view>
|
||||
</view>
|
||||
</view>
|
||||
<view v-if="cardList.length==0" style="text-align: center;font-size: 30rpx;color: #666;">暂无代金券
|
||||
</view>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<!-- <view>
|
||||
<view v-if="status == 0" style="text-align: center">
|
||||
<u-loading-icon style="display: inline-block"></u-loading-icon>
|
||||
<font
|
||||
style="
|
||||
vertical-align: super;
|
||||
margin-left: 10px;
|
||||
font-size: 26rpx;
|
||||
color: #909399;
|
||||
"
|
||||
>努力加载中</font
|
||||
>
|
||||
</view>
|
||||
<view v-if="status == 1">
|
||||
<u-divider text="全部加载完成"></u-divider>
|
||||
</view>
|
||||
</view> -->
|
||||
|
||||
<view style="padding-bottom: 20rpx">
|
||||
<u-back-top
|
||||
:scroll-top="scrollTop"
|
||||
bottom="60"
|
||||
:customStyle="bgiStyle"
|
||||
:iconStyle="iconStyle"
|
||||
>
|
||||
</u-back-top>
|
||||
</view>
|
||||
</view>
|
||||
<music-play :playData="playData"></music-play>
|
||||
</view>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import musicPlay from "@/components/music.vue";
|
||||
import $http from "@/config/requestConfig.js";
|
||||
import { mapState } from "vuex";
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
playData: {},
|
||||
platform: null,
|
||||
urlList: {
|
||||
list: "common/jfTransactionDetails/getJfTransactionDetailsList",
|
||||
},
|
||||
tab_list: [
|
||||
{
|
||||
name: "天医币",
|
||||
},
|
||||
],
|
||||
tab_list_ios: [
|
||||
{
|
||||
name: "优惠券",
|
||||
},
|
||||
],
|
||||
couponTabs: [
|
||||
{
|
||||
name: "未使用",
|
||||
},
|
||||
{
|
||||
name: "已使用",
|
||||
},
|
||||
{
|
||||
name: "已过期",
|
||||
},
|
||||
],
|
||||
cardList: [],
|
||||
couponListTab: 0,
|
||||
MoneyRecord: [],
|
||||
userMes: {},
|
||||
RecordScreen: {
|
||||
userid: "",
|
||||
page: 1,
|
||||
limit: 5,
|
||||
},
|
||||
scrollTop: 0,
|
||||
status: 3,
|
||||
totalPage: 0,
|
||||
totalCount: 0,
|
||||
tab_muJian: 0,
|
||||
bgiStyle: {
|
||||
background: "#bbe5d8",
|
||||
},
|
||||
iconStyle: {
|
||||
fontSize: "40rpx",
|
||||
fontWeight: "bold",
|
||||
color: "#54a966",
|
||||
},
|
||||
};
|
||||
},
|
||||
// 返回顶部
|
||||
onPageScroll(e) {
|
||||
this.scrollTop = e.scrollTop;
|
||||
},
|
||||
|
||||
// 下拉刷新
|
||||
onReachBottom() {
|
||||
this.status = 0;
|
||||
if (this.RecordScreen.page < this.totalPage) {
|
||||
this.RecordScreen.page = this.RecordScreen.page + 1;
|
||||
setTimeout(() => {
|
||||
this.$http
|
||||
.post(this.urlList.list, {
|
||||
userId: this.userInfo.id,
|
||||
})
|
||||
.then((res) => {
|
||||
this.totalPage = res.page.totalPage;
|
||||
this.totalCount = res.page.totalCount;
|
||||
for (let i in res.page.list) {
|
||||
this.MoneyRecord.push(res.page.list[i]);
|
||||
}
|
||||
});
|
||||
}, 1000);
|
||||
} else {
|
||||
this.status = 1;
|
||||
}
|
||||
},
|
||||
|
||||
//第一次加载
|
||||
onLoad(e) {
|
||||
// 隐藏原生的tabbar
|
||||
uni.hideTabBar();
|
||||
// #ifdef APP-PLUS
|
||||
this.platform = uni.getSystemInfoSync().platform;
|
||||
console.log("操纵系统", this.platform);
|
||||
// #endif
|
||||
},
|
||||
computed: {
|
||||
...mapState(["userInfo"]),
|
||||
},
|
||||
//页面显示
|
||||
onShow() {
|
||||
// 隐藏原生的tabbar
|
||||
uni.hideTabBar();
|
||||
this.getData();
|
||||
// this.getCourpe();
|
||||
},
|
||||
components: {
|
||||
musicPlay,
|
||||
},
|
||||
//方法
|
||||
methods: {
|
||||
// 获取
|
||||
getData() {
|
||||
var data = {
|
||||
userId: this.userInfo.id,
|
||||
};
|
||||
if (!this.iosHide) {
|
||||
this.tab_muJian = 1;
|
||||
}
|
||||
// 用户详情
|
||||
if (this.userInfo.id != undefined) {
|
||||
this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
|
||||
this.userMes = res.user;
|
||||
});
|
||||
}
|
||||
$http
|
||||
.request({
|
||||
url: this.urlList.list,
|
||||
method: "POST", // POST、GET、PUT、DELETE,具体说明查看官方文档
|
||||
data,
|
||||
header: {
|
||||
//默认 无 说明:请求头
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
})
|
||||
// 充值记录
|
||||
|
||||
.then((res) => {
|
||||
console.log("res at line 255:", res);
|
||||
this.MoneyRecord = res.transactionDetailsList;
|
||||
// this.totalPage = res.page.totalPage;
|
||||
// this.totalCount = res.page.totalCount;
|
||||
});
|
||||
},
|
||||
|
||||
// 点击tab
|
||||
tab_click(e) {
|
||||
this.tab_muJian = e.index;
|
||||
},
|
||||
|
||||
// 优惠券
|
||||
getCourpe() {
|
||||
this.$http
|
||||
.post(
|
||||
"/book/couponhistory/appGetUserCenterCoupon?userId=" +
|
||||
this.userInfo.id +
|
||||
"&useStatus=" +
|
||||
this.couponListTab
|
||||
)
|
||||
.then((res) => {
|
||||
// this.cardList = res.couponVos
|
||||
this.cardList = res.couponVos;
|
||||
});
|
||||
},
|
||||
// 切换优惠券
|
||||
couponTabCLi(e) {
|
||||
this.couponListTab = e;
|
||||
this.getCourpe();
|
||||
},
|
||||
|
||||
// 充值天医币
|
||||
buPoint() {
|
||||
uni.navigateTo({
|
||||
url: "../peanut/reCharge",
|
||||
});
|
||||
},
|
||||
|
||||
// 跳转
|
||||
onPageJump(url) {
|
||||
uni.navigateTo({
|
||||
url: url,
|
||||
});
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
@import "@/style/mixin.scss";
|
||||
.commonPageBox{
|
||||
background-image: url("@/static/icon/mine_bg.png");
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
.ACTable {
|
||||
// padding: 20rpx 30rpx;
|
||||
|
||||
.AC_mes {
|
||||
width: 100%;
|
||||
height: auto;
|
||||
|
||||
// margin-top: 50rpx;
|
||||
padding: 40rpx 20rpx;
|
||||
box-shadow: 0 0px 10px 1px #d3d1d133;
|
||||
// background-color: #fff;
|
||||
border-radius: 15rpx;
|
||||
margin-bottom: 40rpx;
|
||||
position: relative;
|
||||
.wallet_title {
|
||||
color: #7F2000;
|
||||
font-size: 40rpx;
|
||||
line-height: 70rpx;
|
||||
font-weight: 500;
|
||||
text-align: left;
|
||||
}
|
||||
.wallet_number {
|
||||
color: #7F2000;
|
||||
font-size: 46rpx;
|
||||
line-height: 50rpx;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
}
|
||||
}
|
||||
|
||||
.AC_con {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
overflow: hidden;
|
||||
// margin-top: 50rpx;
|
||||
// padding: 30rpx 30rpx;
|
||||
box-shadow: 0 0px 10px 1px #d3d1d133;
|
||||
|
||||
border-radius: 15rpx;
|
||||
margin-bottom: 40rpx;
|
||||
font-size: 30rpx;
|
||||
padding-bottom: 30rpx;
|
||||
|
||||
.AC_jilu {
|
||||
font-size: 42rpx;
|
||||
text-align: left;
|
||||
color: $themeColor;
|
||||
// background-image: linear-gradient(90deg, #3AB3AE 20%, #c3fade 100%);
|
||||
// margin-bottom: 30rpx;
|
||||
padding: 30rpx 20rpx 20rpx;
|
||||
}
|
||||
|
||||
.AC_List {
|
||||
overflow: hidden;
|
||||
.left {
|
||||
width: calc(100% - 120rpx) !important;
|
||||
font-weight: 700;
|
||||
float: left;
|
||||
color: #333;
|
||||
font-size: 32rpx;
|
||||
line-height: 60rpx;
|
||||
}
|
||||
.right {
|
||||
display: block;
|
||||
width: 100rpx !important;
|
||||
float: right;
|
||||
text-align: right;
|
||||
font-size: 32rpx;
|
||||
font-weight: 700;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
// border-bottom: 1px solid #eee;
|
||||
// padding: 40rpx 10rpx;
|
||||
|
||||
.AC_title {
|
||||
font-size: 32rpx;
|
||||
margin-bottom: 20rpx;
|
||||
|
||||
view {
|
||||
float: right;
|
||||
font-size: 34rpx;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.AC_mark {
|
||||
font-size: 28rpx;
|
||||
margin-top: 20rpx;
|
||||
margin-bottom: 15rpx;
|
||||
// white-space: nowrap;
|
||||
color: #888;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.AC_time {
|
||||
color: #bababa;
|
||||
font-size: 28rpx;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.couponList {
|
||||
view {
|
||||
display: inline-block;
|
||||
padding: 0 0 25rpx 0;
|
||||
margin: 40rpx 0 40rpx 0;
|
||||
width: 33%;
|
||||
text-align: center;
|
||||
font-size: 30rpx;
|
||||
}
|
||||
|
||||
.couStyle {
|
||||
border-bottom: 5rpx solid #54a966;
|
||||
color: #54a966;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.card {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin-bottom: 30rpx;
|
||||
padding-left: 10rpx;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.card > view {
|
||||
background: #fff;
|
||||
border-radius: 5rpx;
|
||||
}
|
||||
|
||||
.card .dot-left,
|
||||
.card .dot-right {
|
||||
display: block;
|
||||
width: 12rpx;
|
||||
height: 12rpx;
|
||||
border-radius: 50%;
|
||||
background: #f5f5f5;
|
||||
position: absolute;
|
||||
z-index: 999;
|
||||
}
|
||||
|
||||
.card .dot-left {
|
||||
bottom: -6rpx;
|
||||
left: -6rpx;
|
||||
}
|
||||
|
||||
.card .dot-right {
|
||||
bottom: -6rpx;
|
||||
right: -6rpx;
|
||||
}
|
||||
|
||||
.card .page-group {
|
||||
position: absolute;
|
||||
top: 10rpx;
|
||||
left: -2rpx;
|
||||
width: 100%;
|
||||
max-width: 200rpx;
|
||||
|
||||
.fold-page {
|
||||
display: block;
|
||||
width: 10rpx;
|
||||
height: 8rpx;
|
||||
background: #54a966;
|
||||
transform: skewY(-40deg);
|
||||
position: absolute;
|
||||
top: -5rpx;
|
||||
left: -8rpx;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
.page {
|
||||
position: absolute;
|
||||
z-index: 1;
|
||||
display: block;
|
||||
padding: 5rpx 20rpx 3rpx 20rpx;
|
||||
height: 40rpx;
|
||||
line-height: 40rpx;
|
||||
background: linear-gradient(137deg, #54a966 0%, #0d5e1e 100%);
|
||||
border-radius: 0 20rpx 20rpx 0;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
font-size: 24rpx;
|
||||
overflow: hidden;
|
||||
left: -8rpx;
|
||||
}
|
||||
}
|
||||
|
||||
.card .page-group.grey {
|
||||
.fold-page {
|
||||
background: #c6c6c6;
|
||||
}
|
||||
|
||||
.page {
|
||||
background: linear-gradient(137deg, #c6c6c6 0%, #999595 100%);
|
||||
}
|
||||
}
|
||||
|
||||
.card .content {
|
||||
width: 100%;
|
||||
height: 180rpx;
|
||||
border-bottom: 1rpx dotted #f5f5f5;
|
||||
position: relative;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail {
|
||||
display: flex;
|
||||
padding: 0 15rpx 0 20rpx;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail > view {
|
||||
height: 130rpx;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail > view:first-child {
|
||||
color: #54a966;
|
||||
padding-top: 100rpx;
|
||||
width: 30%;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail > view.grey {
|
||||
color: #c6c6c6;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail > view:first-child > span:first-child {
|
||||
font-size: 30rpx;
|
||||
margin: 0 10rpx 0 0;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail > view:first-child > span:last-child {
|
||||
font-size: 70rpx;
|
||||
}
|
||||
|
||||
.card .content .coupon-detail > view:last-child > view {
|
||||
color: #54a966;
|
||||
border: 1rpx solid #54a966;
|
||||
border-radius: 50rpx;
|
||||
font-size: 12px;
|
||||
line-height: 25px;
|
||||
width: 150rpx;
|
||||
height: 50rpx;
|
||||
margin: 100rpx 0 0 5rpx;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.card .coupon-detail > view:nth-child(2) {
|
||||
flex-direction: column;
|
||||
padding-top: 60rpx;
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
.card .coupon-detail > view:nth-child(2) > view {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.card .coupon-detail > view:nth-child(2) > view:first-child {
|
||||
color: #333;
|
||||
font-weight: bold;
|
||||
font-size: 25rpx;
|
||||
margin: 0 0 10rpx 0;
|
||||
}
|
||||
|
||||
.card .coupon-detail > view:nth-child(2) > view:last-child {
|
||||
font-size: 12px;
|
||||
color: #adadad;
|
||||
margin-top: 5rpx;
|
||||
}
|
||||
|
||||
.card .coupon-detail > view:nth-child(2) > view:last-child > view {
|
||||
transform: scale(0.8);
|
||||
margin-left: -14rpx;
|
||||
}
|
||||
|
||||
.card {
|
||||
.footer {
|
||||
color: #999;
|
||||
font-size: 12px;
|
||||
padding: 30rpx 15rpx 30rpx 30rpx;
|
||||
}
|
||||
|
||||
.ribbon {
|
||||
width: 160rpx;
|
||||
height: 40rpx;
|
||||
background: #54a966;
|
||||
position: absolute;
|
||||
right: -40rpx;
|
||||
top: 25rpx;
|
||||
transform: rotateZ(45deg);
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
font-size: 20rpx;
|
||||
line-height: 44rpx;
|
||||
}
|
||||
|
||||
.ribbon.grey {
|
||||
background: #c6c6c6;
|
||||
}
|
||||
}
|
||||
}
|
||||
.Hot {
|
||||
color: $themeColor !important;
|
||||
}
|
||||
.AC_chong {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
background-image: linear-gradient(90deg, #3AB3AE 0%, #73ee9c 100%);
|
||||
color: #fff;
|
||||
border-top-left-radius: 15rpx;
|
||||
border-top-right-radius: 15rpx;
|
||||
padding:20rpx 20rpx;
|
||||
font-size: 36rpx;
|
||||
font-weight: 800;
|
||||
text-align: right;
|
||||
}
|
||||
.rightArrow {
|
||||
width: 40rpx;
|
||||
height: 40rpx;
|
||||
float: right;
|
||||
margin-left: 10rpx;
|
||||
// position: absolute;
|
||||
// right: 30rpx;
|
||||
// top: 20rpx;
|
||||
}
|
||||
</style>
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view>
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,7 @@
|
||||
<template>
|
||||
<template><page-meta
|
||||
:page-font-size="$baseFontSize() + 'px'"
|
||||
:root-font-size="$baseFontSize() + 'px'"
|
||||
></page-meta>
|
||||
<view class="container commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
|
||||
@@ -1,4 +1,5 @@
|
||||
<template>
|
||||
<page-meta :page-font-size="$baseFontSize()+'px'" :root-font-size="$baseFontSize()+'px'"></page-meta>
|
||||
<view class="page commonPage"
|
||||
><public-module></public-module>
|
||||
|
||||
|
||||
@@ -1,4 +1,6 @@
|
||||
<template>
|
||||
|
||||
<page-meta :page-font-size="$baseFontSize()+'px'" :root-font-size="$baseFontSize()+'px'"></page-meta>
|
||||
<view style="background-color: #fff">
|
||||
<public-module></public-module>
|
||||
<view class="logo_bg">
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user