个股中心
@@ -92,9 +92,6 @@
|
|||||||
currentMonth)) + '-' + (currentDay > 9 ? currentDay : ('0' + currentDay))
|
currentMonth)) + '-' + (currentDay > 9 ? currentDay : ('0' + currentDay))
|
||||||
// this.getYesterdayDateData()
|
// this.getYesterdayDateData()
|
||||||
this.generateMonthDateListData()
|
this.generateMonthDateListData()
|
||||||
|
|
||||||
|
|
||||||
console.log(JSON.stringify(this.monthDateList[0]));
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/**
|
/**
|
||||||
|
|||||||
389
components/LCCalendar2/LCCalendar2.vue
Normal file
@@ -0,0 +1,389 @@
|
|||||||
|
<template>
|
||||||
|
<view class="dateC">
|
||||||
|
<view class="yearMonthC flex">
|
||||||
|
<view class="btn" @click="clickPreMonth()">
|
||||||
|
<image class="icon" src="/static/icon/home/conceptCenter/pre.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
<view class="yearMonth flex1">
|
||||||
|
<picker mode="date" fields="month" @change="monthChange">
|
||||||
|
<view style="display: flex; align-items: center; justify-content: center;">
|
||||||
|
<!-- <image style="width: 26rpx; height: 26rpx; margin-right: 10rpx;"
|
||||||
|
src="/pagesStock/static/icon/all-icon-2.png" mode="widthFix"></image> -->
|
||||||
|
<view style="color: #2B2B2B; font-size: 32rpx; font-weight: bold;">{{selectMonth}}</view>
|
||||||
|
</view>
|
||||||
|
</picker>
|
||||||
|
</view>
|
||||||
|
<view class="btn" @click="clickNextMonth()">
|
||||||
|
<image class="icon" src="/static/icon/home/conceptCenter/next.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="display: grid; grid-template-columns: repeat(7, 1fr); gap: 17rpx; margin: 20rpx 0;">
|
||||||
|
<view
|
||||||
|
style="display: flex; align-items: center; justify-content: center; font-size: 24rpx; color: #292621; font-weight: 500;"
|
||||||
|
v-for="(item,index) in weekList" :key="index">{{item}}</view>
|
||||||
|
</view>
|
||||||
|
<view class="monthDateList" style="display: grid; grid-template-columns: repeat(7, 1fr); gap: 17rpx;">
|
||||||
|
<view class="item" v-for="(item,index) in monthDateList[selectMonthIndex]" :key="index"
|
||||||
|
@click="clickSelectDate(item)">
|
||||||
|
<block v-if="item.date==selectDateStr">
|
||||||
|
<view
|
||||||
|
:class="'date select up'">
|
||||||
|
{{item.day}}
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<block v-if="!item.isCurrentMonth">
|
||||||
|
<view class="date notCurrentMonth">{{item.day}}</view>
|
||||||
|
</block>
|
||||||
|
<block v-else>
|
||||||
|
<view
|
||||||
|
:class="'date up'">
|
||||||
|
<view>
|
||||||
|
{{item.day}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</block>
|
||||||
|
</block>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
export default {
|
||||||
|
name: "LCCalendar",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
weekList: ['日', '一', '二', '三', '四', '五', '六'],
|
||||||
|
monthDateList: [],
|
||||||
|
selectMonthIndex: 0, //选中月份下标
|
||||||
|
selectMonth: '', //选中年月
|
||||||
|
selectDateStr: '', //选中日期
|
||||||
|
startDateStr: '', //开始日期
|
||||||
|
endDateStr: '', //结束日期
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
let currentDate = new Date();
|
||||||
|
// 获取当前年份
|
||||||
|
let currentYear = currentDate.getFullYear();
|
||||||
|
let currentMonth = currentDate.getMonth() + 1;
|
||||||
|
let currentDay = currentDate.getDate();
|
||||||
|
this.selectMonthIndex = 20 * 12 + currentMonth - 1
|
||||||
|
this.selectMonth = currentYear + '年' + currentMonth + '月'
|
||||||
|
//开始日期默认为当前月份第一天
|
||||||
|
this.startDateStr = currentYear + '-' + (currentMonth > 9 ? currentMonth : ('0' + currentMonth)) + '-' + '01'
|
||||||
|
//结束日期默认为当前日期
|
||||||
|
this.endDateStr = this.selectDateStr = currentYear + '-' + (currentMonth > 9 ? currentMonth : ('0' +
|
||||||
|
currentMonth)) + '-' + (currentDay > 9 ? currentDay : ('0' + currentDay))
|
||||||
|
// this.getYesterdayDateData()
|
||||||
|
this.generateMonthDateListData()
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/**
|
||||||
|
* 获取当前时间前一天的数据
|
||||||
|
*/
|
||||||
|
getYesterdayDateData() {
|
||||||
|
let currentDate = new Date();
|
||||||
|
let selectDate = new Date(currentDate)
|
||||||
|
selectDate.setDate(selectDate.getDate() - 1)
|
||||||
|
let selectYear = selectDate.getFullYear();
|
||||||
|
let selectMonth = selectDate.getMonth() + 1;
|
||||||
|
let selectDay = selectDate.getDate();
|
||||||
|
this.selectDateStr = selectYear + '-' + (selectMonth > 9 ? selectMonth : ('0' + selectMonth)) + '-' + (
|
||||||
|
selectDay > 9 ? selectDay : ('0' + selectDay))
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 生成日期数组
|
||||||
|
*/
|
||||||
|
generateMonthDateListData() {
|
||||||
|
let currentDate = new Date();
|
||||||
|
// 获取当前年份
|
||||||
|
let currentYear = currentDate.getFullYear();
|
||||||
|
let currentMonth = currentDate.getMonth() + 1;
|
||||||
|
let currentDay = currentDate.getDate();
|
||||||
|
let monthDateList = []
|
||||||
|
for (var i = currentYear - 20; i < currentYear + 20; i++) {
|
||||||
|
for (var j = 0; j < 12; j++) {
|
||||||
|
let date = new Date(i, j + 1, 0)
|
||||||
|
let firstDayOfMonth = new Date(i, j + 1, 0);
|
||||||
|
firstDayOfMonth.setDate(1);
|
||||||
|
//获取当前月天数
|
||||||
|
let currentMonthDay = date.getDate()
|
||||||
|
let firstDayWeek = firstDayOfMonth.getDay() + 1
|
||||||
|
let daysOfMonth = []
|
||||||
|
for (var k = 1; k <= currentMonthDay; k++) {
|
||||||
|
let newDate = new Date(i, j + 1, 0)
|
||||||
|
newDate.setDate(k); // 设置日期为当前月的相应日期
|
||||||
|
let newMonth = newDate.getMonth() + 1
|
||||||
|
let newDay = newDate.getDate()
|
||||||
|
let time = newDate.getTime()
|
||||||
|
let date = i + '-' + (newMonth > 9 ? newMonth : ('0' + newMonth)) + '-' + (newDay > 9 ?
|
||||||
|
newDay : ('0' + newDay))
|
||||||
|
daysOfMonth.push({
|
||||||
|
date: date,
|
||||||
|
year: i,
|
||||||
|
month: newMonth,
|
||||||
|
day: newDay,
|
||||||
|
isToday: (i == currentYear && newMonth == currentMonth && newDay == currentDay) ?
|
||||||
|
true : false,
|
||||||
|
isCurrentMonth: true,
|
||||||
|
isLastDay: newDay == currentMonthDay ? true : false,
|
||||||
|
timestamp: time
|
||||||
|
});
|
||||||
|
}
|
||||||
|
for (var k = 0; k < firstDayWeek - 1; k++) {
|
||||||
|
//获取上月天数
|
||||||
|
let year = i
|
||||||
|
let month = j
|
||||||
|
if (j < 1) {
|
||||||
|
year = i - 1
|
||||||
|
month = 12
|
||||||
|
}
|
||||||
|
let lastMonthDay = new Date(year, month, 0).getDate()
|
||||||
|
//获取上月日期
|
||||||
|
let newDate = new Date(year, month - 1, lastMonthDay - k)
|
||||||
|
let newMonth = newDate.getMonth() + 1
|
||||||
|
let newDay = newDate.getDate()
|
||||||
|
let time = newDate.getTime()
|
||||||
|
let date = year + '-' + (newMonth > 9 ? newMonth : ('0' + newMonth)) + '-' + (newDay > 9 ?
|
||||||
|
newDay : ('0' + newDay))
|
||||||
|
daysOfMonth.unshift({
|
||||||
|
date: date,
|
||||||
|
year: year,
|
||||||
|
month: newMonth,
|
||||||
|
day: newDay,
|
||||||
|
isToday: false,
|
||||||
|
isCurrentMonth: false,
|
||||||
|
isLastDay: false,
|
||||||
|
timestamp: time
|
||||||
|
});
|
||||||
|
}
|
||||||
|
// 下一个月的第一天
|
||||||
|
let nextMonthFirstDay = new Date(i, j + 1, 1);
|
||||||
|
// 然后减去一天就是当前月的最后一天
|
||||||
|
let lastDayOfMonth = new Date(nextMonthFirstDay - (24 * 60 * 60 * 1000)); // 减去一天的毫秒数
|
||||||
|
let lastDayWeek = lastDayOfMonth.getDay() + 1; // 返回0(星期天)到6(星期六)之
|
||||||
|
for (var k = 1; k < 8 - lastDayWeek; k++) {
|
||||||
|
let year = i
|
||||||
|
let month = j
|
||||||
|
if (month > 11) {
|
||||||
|
month = 0
|
||||||
|
year++
|
||||||
|
}
|
||||||
|
//获取下月日期
|
||||||
|
let newDate = new Date(year, month + 1, k)
|
||||||
|
let newMonth = newDate.getMonth() + 1
|
||||||
|
let newDay = newDate.getDate()
|
||||||
|
let time = newDate.getTime()
|
||||||
|
let date = year + '-' + (newMonth > 9 ? newMonth : ('0' + newMonth)) + '-' + (newDay > 9 ?
|
||||||
|
newDay : ('0' + newDay))
|
||||||
|
daysOfMonth.push({
|
||||||
|
date: date,
|
||||||
|
year: year,
|
||||||
|
month: newMonth,
|
||||||
|
day: newDay,
|
||||||
|
isToday: false,
|
||||||
|
isCurrentMonth: false,
|
||||||
|
isLastDay: false,
|
||||||
|
timestamp: time
|
||||||
|
});
|
||||||
|
}
|
||||||
|
monthDateList.push(daysOfMonth)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.monthDateList = monthDateList
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 点击上个月
|
||||||
|
*/
|
||||||
|
clickPreMonth() {
|
||||||
|
if (this.selectMonthIndex > 0) {
|
||||||
|
this.selectMonthIndex--
|
||||||
|
let monthList = this.monthDateList[this.selectMonthIndex]
|
||||||
|
let year = ''
|
||||||
|
let month = ''
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isCurrentMonth) {
|
||||||
|
year = item.year
|
||||||
|
month = item.month
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let lastDay = ''
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isLastDay) {
|
||||||
|
lastDay = item.day
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.selectMonth = year + '年' + month + '月'
|
||||||
|
this.startDateStr = year + '-' + (month > 9 ? month : ('0' + month)) + '-' + '01'
|
||||||
|
this.endDateStr = year + '-' + (month > 9 ? month : ('0' + month)) + '-' + lastDay
|
||||||
|
|
||||||
|
console.log('点击上个月');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 点击下个月
|
||||||
|
*/
|
||||||
|
clickNextMonth() {
|
||||||
|
if (this.selectMonthIndex < this.monthDateList.length - 1) {
|
||||||
|
this.selectMonthIndex++
|
||||||
|
let monthList = this.monthDateList[this.selectMonthIndex]
|
||||||
|
let year = ''
|
||||||
|
let month = ''
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isCurrentMonth) {
|
||||||
|
year = item.year
|
||||||
|
month = item.month
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let lastDay = ''
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isLastDay) {
|
||||||
|
lastDay = item.day
|
||||||
|
break
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.selectMonth = year + '年' + month + '月'
|
||||||
|
this.startDateStr = year + '-' + (month > 9 ? month : ('0' + month)) + '-' + '01'
|
||||||
|
this.endDateStr = year + '-' + (month > 9 ? month : ('0' + month)) + '-' + lastDay
|
||||||
|
console.log('点击下个月');
|
||||||
|
}
|
||||||
|
},
|
||||||
|
monthChange(e) {
|
||||||
|
let currentDate = new Date();
|
||||||
|
//当前年份
|
||||||
|
let currentYear = currentDate.getFullYear()
|
||||||
|
//选中年月
|
||||||
|
let yearMonth = e.detail.value
|
||||||
|
let selectYear = parseInt(yearMonth.split('-')[0])
|
||||||
|
let selectMonth = parseInt(yearMonth.split('-')[1])
|
||||||
|
this.selectMonthIndex = (selectYear - (currentYear - 20)) * 12 + selectMonth - 1
|
||||||
|
this.selectMonth = selectYear + '年' + selectMonth + '月'
|
||||||
|
this.startDateStr = selectYear + '-' + (selectMonth > 9 ? selectMonth : ('0' + selectMonth)) + '-' + '01'
|
||||||
|
let lastDayOfMonth = new Date(selectYear, selectMonth, 0);
|
||||||
|
this.endDateStr = selectYear + '-' + (selectMonth > 9 ? selectMonth : ('0' + selectMonth)) + '-' +
|
||||||
|
lastDayOfMonth.getDate()
|
||||||
|
console.log('月份变更');
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 点击选择开始日期和结束日期
|
||||||
|
* @param {Object} item
|
||||||
|
*/
|
||||||
|
clickSelectDate(item) {
|
||||||
|
if (!item.isCurrentMonth) return
|
||||||
|
if (this.selectDateStr != item.date) {
|
||||||
|
this.selectDateStr = item.date
|
||||||
|
this.chgStockData = item
|
||||||
|
console.log('点击某天');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
.dateC {
|
||||||
|
background-color: white;
|
||||||
|
// box-shadow: 0 5rpx 10rpx 0 rgba(127, 127, 127, 0.1);
|
||||||
|
box-sizing: border-box;
|
||||||
|
|
||||||
|
.yearMonthC {
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 35rpx;
|
||||||
|
|
||||||
|
.btn {
|
||||||
|
padding: 0 32rpx;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
width: 13rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
.yearMonth {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #070707;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.weekList {
|
||||||
|
.item {
|
||||||
|
line-height: 72rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #A7A7A7;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.monthDateList {
|
||||||
|
.item {
|
||||||
|
height: 72rpx;
|
||||||
|
.date {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 10rpx 0;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #2A2A2A;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
|
||||||
|
.chg {
|
||||||
|
font-size: 18rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chg.up {
|
||||||
|
color: #EC3440;
|
||||||
|
}
|
||||||
|
|
||||||
|
.chg.down {
|
||||||
|
color: #38A169;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.date.up {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date.down {
|
||||||
|
background-color: #CEF1DE;
|
||||||
|
}
|
||||||
|
|
||||||
|
.date.select.up {
|
||||||
|
background-color: #F2C367;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
.chg {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.date.select.down {
|
||||||
|
background-color: #38A169;
|
||||||
|
color: white;
|
||||||
|
|
||||||
|
.chg {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.date.notCurrentMonth {
|
||||||
|
background-color: #FCFCFC;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -14,39 +14,39 @@
|
|||||||
name:"tabbar",
|
name:"tabbar",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
color: "#504E4E",
|
color: "#858C9A",
|
||||||
selected:0,
|
selected:0,
|
||||||
selectedColor: "#504E4E",
|
selectedColor: "#F3C368",
|
||||||
list: [
|
list: [
|
||||||
{
|
{
|
||||||
pagePath: "/pages/index/index",
|
"pagePath": "/pages/index/index",
|
||||||
text: "首页",
|
"text": "新闻动量",
|
||||||
iconPath: "/static/icon/tabbar/home.png",
|
"iconPath": "/static/icon/tabbar/home.png",
|
||||||
selectedIconPath: "/static/icon/tabbar/home.png"
|
"selectedIconPath": "/static/icon/tabbar/home_s.png"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
pagePath: "/pages/classify/classify",
|
"pagePath": "/pages/concept/concept",
|
||||||
text: "分类",
|
"text": "概念中心",
|
||||||
iconPath: "/static/icon/tabbar/classify.png",
|
"iconPath": "/static/icon/tabbar/concept.png",
|
||||||
selectedIconPath: "/static/icon/tabbar/classify.png"
|
"selectedIconPath": "/static/icon/tabbar/concept_s.png"
|
||||||
},
|
},
|
||||||
// {
|
{
|
||||||
// pagePath: "/pages/shoppingCart/shoppingCart",
|
"pagePath": "/pages/geGuCenter/geGuCenter",
|
||||||
// text: "购物车",
|
"text": "个股中心",
|
||||||
// iconPath: "/static/icon/tabbar/shoppingCart.png",
|
"iconPath": "/static/icon/tabbar/gegu.png",
|
||||||
// selectedIconPath: "/static/icon/tabbar/shoppingCart.png"
|
"selectedIconPath": "/static/icon/tabbar/gegu_s.png"
|
||||||
// },
|
},
|
||||||
// {
|
{
|
||||||
// pagePath: "/pages/sharedRespository/sharedRespository",
|
"pagePath": "/pages/ztfx/ztfx",
|
||||||
// text: "共享仓",
|
"text": "涨停分析",
|
||||||
// iconPath: "/static/icon/tabbar/sharedRespository.png",
|
"iconPath": "/static/icon/tabbar/zt.png",
|
||||||
// selectedIconPath: "/static/icon/tabbar/sharedRespository.png"
|
"selectedIconPath": "/static/icon/tabbar/zt_s.png"
|
||||||
// },
|
},
|
||||||
{
|
{
|
||||||
pagePath: "/pages/mine/mine",
|
"pagePath": "/pages/mine/mine",
|
||||||
text: "我的",
|
"text": "个人中心",
|
||||||
iconPath: "/static/icon/tabbar/mine.png",
|
"iconPath": "/static/icon/tabbar/mine.png",
|
||||||
selectedIconPath: "/static/icon/tabbar/mine.png"
|
"selectedIconPath": "/static/icon/tabbar/mine_s.png"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
};
|
};
|
||||||
@@ -80,17 +80,17 @@
|
|||||||
|
|
||||||
<style lang="less">
|
<style lang="less">
|
||||||
.tab-bar {
|
.tab-bar {
|
||||||
background-color: white;
|
// background-color: white;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
height: 60px;
|
height: 110rpx;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding-bottom: env(safe-area-inset-bottom);
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
box-sizing: content-box;
|
box-sizing: content-box;
|
||||||
box-shadow: 0 0 5rpx 0 rgba(145,145,145,0.53);
|
box-shadow: 0 0 5rpx 0 rgba(145,145,145,0.53);
|
||||||
z-index: 99;
|
z-index: 98;
|
||||||
.tab-bar-item
|
.tab-bar-item
|
||||||
{
|
{
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
|||||||
@@ -162,6 +162,12 @@
|
|||||||
"style": {
|
"style": {
|
||||||
"navigationBarTitleText": "涨停分析"
|
"navigationBarTitleText": "涨停分析"
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"path": "pages/geGuCenter/detail",
|
||||||
|
"style": {
|
||||||
|
"navigationBarTitleText": ""
|
||||||
|
}
|
||||||
}
|
}
|
||||||
],
|
],
|
||||||
"subPackages": [
|
"subPackages": [
|
||||||
|
|||||||
130
pages/geGuCenter/detail.vue
Normal file
@@ -0,0 +1,130 @@
|
|||||||
|
<template>
|
||||||
|
<view>
|
||||||
|
<navBar leftText="详情" hideNavBg></navBar>
|
||||||
|
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
||||||
|
<view class="searchC fixed flex" :style="'top:'+navH+'px;'">
|
||||||
|
<image class="icon" src="/static/icon/home/conceptCenter/search.png" mode="widthFix"></image>
|
||||||
|
<input class="flex1" type="text" v-model="keywords" placeholder="输入股票代码或名称"
|
||||||
|
placeholder-style="color:#eeeeee" confirm-type="search" @confirm="clickSearch()" />
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<scroll-view scroll-y class="stockDetailsC fixed" :style="'top:'+contentTop+'px;'">
|
||||||
|
<view>
|
||||||
|
<view style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16rpx; margin: 0 20rpx;">
|
||||||
|
<view @click="list2Index = index" v-for="(item,index) in topLists" :key="index"
|
||||||
|
style="padding: 12rpx;"
|
||||||
|
:style="{'border-bottom': (list2Index == index ? '1rpx solid #F2C369' : 'none')}">
|
||||||
|
<view style="font-size: 24rpx; color: #070707; font-weight: bold; text-align: center;"
|
||||||
|
:style="{color: (list2Index == index ? '#BB8520' : '#070707')}">
|
||||||
|
{{item.title}}
|
||||||
|
</view>
|
||||||
|
<view style="font-size: 20rpx; font-weight: 400; text-align: center;"
|
||||||
|
:style="{color: (list2Index == index ? '#BB8520' : '#070707')}">{{item.value}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view style="height: 1rpx; margin: 0 20rpx; background-color: #E7E7E7;"></view>
|
||||||
|
<!-- '股票名称', '涨跌幅', '市值', '成交额', '行业' -->
|
||||||
|
<view
|
||||||
|
style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 10rpx; background-color: #FAFAFC; line-height: 60rpx; margin: 0 20rpx; margin-top: 20rpx;">
|
||||||
|
<view v-for="(item,index) in ['股票名称', '涨跌幅', '市值', '成交额', '行业']" :key="index"
|
||||||
|
style="color: #666666; font-size: 20rpx; font-weight: 500; text-align: center;">
|
||||||
|
{{item}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- '股票名称', '涨跌幅', '市值', '成交额', '行业' 的 内容 -->
|
||||||
|
<view v-for="(obj, j) in 10"
|
||||||
|
style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 10rpx; min-height: 60rpx; margin: 0 20rpx;"
|
||||||
|
:style="{'background-color': (j % 2 == 0 ? '#fff' : '#FAFAFC')}">
|
||||||
|
<view v-for="(item,index) in ['云南白药', '+0.04%', '996.85 亿元', '4.44 亿元', '医药生物']" :key="index"
|
||||||
|
style="padding: 10rpx 0; color: #666666; font-size: 20rpx; font-weight: 500; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;" :style="{color: (index == 0 ? '#222222' : index == 1 ? '#EC3440' : '#666666')}">
|
||||||
|
<view>{{item}}</view>
|
||||||
|
<view v-if="index == 0" style="color: #666666; font-size: 20rpx; font-weight: 500;">000768</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<view style="height: 25rpx;"></view>
|
||||||
|
</view>
|
||||||
|
</scroll-view>
|
||||||
|
|
||||||
|
</view>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {
|
||||||
|
inject
|
||||||
|
} from 'vue'
|
||||||
|
|
||||||
|
export default {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
navH: inject('navHeight'),
|
||||||
|
contentTop: '',
|
||||||
|
topLists: [{
|
||||||
|
title: '超大盘股',
|
||||||
|
value: '(>1000亿)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '大盘股',
|
||||||
|
value: '(500-1000亿)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '中盘股',
|
||||||
|
value: '(100-500亿)',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
list2Index: 0
|
||||||
|
}
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
this.activeIndex = e.index
|
||||||
|
this.contentTop = this.navH + (20 + 70 + 25) / 750 * inject('windowWidth')
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style lang="less">
|
||||||
|
page {
|
||||||
|
background-color: #070707;
|
||||||
|
}
|
||||||
|
|
||||||
|
.topBg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.searchC {
|
||||||
|
background-color: #292929B3;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 20rpx 25rpx 0;
|
||||||
|
padding: 0 25rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 35rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
margin-right: 12rpx;
|
||||||
|
width: 25rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
height: 100%;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stockDetailsC {
|
||||||
|
left: 25rpx;
|
||||||
|
width: calc(100vw - 50rpx);
|
||||||
|
bottom: env(safe-area-inset-bottom);
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
@@ -2,11 +2,225 @@
|
|||||||
<view>
|
<view>
|
||||||
<navBar leftText="个股中心" hideNavBg hideBack></navBar>
|
<navBar leftText="个股中心" hideNavBg hideBack></navBar>
|
||||||
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
||||||
|
<view class="searchC fixed flex" :style="'top:'+navH+'px;'">
|
||||||
|
<image class="icon" src="/static/icon/home/conceptCenter/search.png" mode="widthFix"></image>
|
||||||
|
<input class="flex1" type="text" v-model="keywords" placeholder="输入股票代码或名称"
|
||||||
|
placeholder-style="color:#eeeeee" confirm-type="search" @confirm="clickSearch()" />
|
||||||
|
</view>
|
||||||
|
|
||||||
<scroll-view scroll-y class="stockDetailsC fixed" :style="'top:'+contentTop+'px;'">
|
<scroll-view scroll-y class="stockDetailsC fixed" :style="'top:'+contentTop+'px;'">
|
||||||
|
<view>
|
||||||
|
<view style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16rpx; padding: 20rpx;">
|
||||||
|
<view v-for="(item,index) in topLists" :key="index"
|
||||||
|
style="padding: 20rpx 26rpx 26rpx 35rpx; border: 1rpx dashed #777777; overflow: hidden; position: relative;">
|
||||||
|
<image
|
||||||
|
style="position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%;"
|
||||||
|
:src="item.backIcon" mode="aspectFill"></image>
|
||||||
|
<view style="position: relative; z-index: 1;">
|
||||||
|
<view style="font-size: 24rpx; color: #777777; font-weight: 500;">{{item.title}}</view>
|
||||||
|
<view style="font-size: 30rpx; margin-top: 10rpx; font-weight: bold;"
|
||||||
|
:style="{color: item.color}">{{item.value}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 16rpx; margin: 0 20rpx;">
|
||||||
|
<view @click="list2Index = index" v-for="(item,index) in topLists2" :key="index"
|
||||||
|
style="border: 1rpx solid #D2D2D2; padding: 12rpx;"
|
||||||
|
:style="{border: `1rpx solid ${list2Index == index ? '#F2C369' : '#D2D2D2'}`}">
|
||||||
|
<view style="font-size: 24rpx; color: #070707; font-weight: bold; text-align: center;"
|
||||||
|
:style="{color: (list2Index == index ? '#BB8520' : '#070707'), 'background-color': (list2Index == index ? '#FFFAF1' : '#FFFFFF')}">
|
||||||
|
{{item.title}}
|
||||||
|
</view>
|
||||||
|
<view style="font-size: 20rpx; font-weight: 400; text-align: center;"
|
||||||
|
:style="{color: (list2Index == index ? '#BB8520' : '#070707')}">{{item.value}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- '股票名称', '涨跌幅', '市值', '成交额', '行业' -->
|
||||||
|
<view
|
||||||
|
style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 10rpx; background-color: #FAFAFC; line-height: 60rpx; margin: 0 20rpx; margin-top: 20rpx;">
|
||||||
|
<view v-for="(item,index) in ['股票名称', '涨跌幅', '市值', '成交额', '行业']" :key="index"
|
||||||
|
style="color: #666666; font-size: 20rpx; font-weight: 500; text-align: center;">
|
||||||
|
{{item}}
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
<!-- '股票名称', '涨跌幅', '市值', '成交额', '行业' 的 内容 -->
|
||||||
|
<view v-for="(obj, j) in 10"
|
||||||
|
style="display: grid; grid-template-columns: repeat(5, 1fr); gap: 10rpx; min-height: 60rpx; margin: 0 20rpx;"
|
||||||
|
:style="{'background-color': (j % 2 == 0 ? '#fff' : '#FAFAFC')}">
|
||||||
|
<view v-for="(item,index) in ['云南白药', '+0.04%', '996.85 亿元', '4.44 亿元', '医药生物']" :key="index"
|
||||||
|
style="padding: 10rpx 0; color: #666666; font-size: 20rpx; font-weight: 500; text-align: center; display: flex; justify-content: center; align-items: center; flex-direction: column;"
|
||||||
|
:style="{color: (index == 0 ? '#222222' : index == 1 ? '#EC3440' : '#666666')}">
|
||||||
|
<view>{{item}}</view>
|
||||||
|
<view v-if="index == 0" style="color: #666666; font-size: 20rpx; font-weight: 500;">000768
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view @click="moreAction"
|
||||||
|
style="display: flex;align-items: center;justify-content: center; height: 80rpx;">
|
||||||
|
<view style="font-size: 24rpx; color: #3D455C; font-weight: 500;">查看更多</view>
|
||||||
|
<image style="width: 10rpx; height: 19rpx; margin-left: 20rpx;"
|
||||||
|
src="/static/icon/home/conceptCenter/next.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view style="height: 1rpx; margin: 0 20rpx; background-color: #E7E7E7;"></view>
|
||||||
|
|
||||||
|
|
||||||
|
<view style="height: 78rpx; display: flex; align-items: center; margin: 0 20rpx;">
|
||||||
|
<image style="width: 40rpx; height: 40rpx;" src="/pages/geGuCenter/icon/ydjk-icon.png"
|
||||||
|
mode="widthFix"></image>
|
||||||
|
<view style="font-size: 28rpx; color: #2B2B2B; font-weight: bold; flex: 1; margin-left: 10rpx;">异动监控
|
||||||
|
</view>
|
||||||
|
<view @click="allAction(1)"
|
||||||
|
style="border: 1rpx solid #DCDCDC; border-radius: 5rpx; padding: 2rpx 10rpx; display: flex; align-items: center; justify-content: center; margin: 0 10rpx;">
|
||||||
|
<view style="color: #888888; font-size: 22rpx; font-weight: 500;">全部</view>
|
||||||
|
<image style="width: 11rpx; height: 6rpx; margin-left: 40rpx;"
|
||||||
|
src="/static/icon/invest/downArrow.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
<view @click="allAction(2)"
|
||||||
|
style="border: 1rpx solid #DCDCDC; border-radius: 5rpx; padding: 2rpx 10rpx; display: flex; align-items: center; justify-content: center;">
|
||||||
|
<view style="color: #888888; font-size: 22rpx; font-weight: 500;">2026/01/20</view>
|
||||||
|
<image style="width: 11rpx; height: 6rpx; margin-left: 20rpx;"
|
||||||
|
src="/static/icon/invest/downArrow.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view
|
||||||
|
style="height: 400rpx; display: flex; align-items: center; justify-content: center; background-color: red;">
|
||||||
|
折线图占位 </view>
|
||||||
|
|
||||||
|
<view style="height: 1rpx; margin: 0 20rpx; background-color: #E7E7E7;"></view>
|
||||||
|
<view style="height: 88rpx; display: flex; align-items: center; margin: 0 20rpx;">
|
||||||
|
<image style="width: 40rpx; height: 40rpx;" src="/pages/geGuCenter/icon/ydjk-icon.png"
|
||||||
|
mode="widthFix"></image>
|
||||||
|
<view style="font-size: 28rpx; color: #2B2B2B; font-weight: bold; flex: 1; margin-left: 10rpx;">
|
||||||
|
板块异动明细
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-for="(item,index) in 10" :key="index" @click="bkydAction(item)"
|
||||||
|
style="margin: 20rpx; margin-top: 0; background-color: #FAFAFC; border-radius: 10rpx; overflow: hidden; padding: 20rpx 30rpx; font-weight: 500;">
|
||||||
|
<view style="color: #888888; font-size: 20rpx;">09:54</view>
|
||||||
|
|
||||||
|
<view style="display: flex; align-items: center; margin-top: 10rpx;">
|
||||||
|
<view style="color: #2B2B2B; font-weight: bold; font-size: 26rpx; margin-right: 10rpx;">数据交易所
|
||||||
|
</view>
|
||||||
|
<view
|
||||||
|
style="color: #EC3440; font-size: 20rpx; border: 1rpx solid #EC3440; border-radius: 15rpx; height: 30rpx; display: flex; align-items: center; justify-content: center; padding: 0 10rpx; box-sizing: border-box;">
|
||||||
|
<image style="width: 18rpx; height: auto;" src="/pages/geGuCenter/icon/ydjk-zs.png"
|
||||||
|
mode="widthFix"></image>
|
||||||
|
<view style="margin-left: 10rpx;">异动</view>
|
||||||
|
</view>
|
||||||
|
<view style="flex: 1; font-size: 22rpx; text-align: right;">
|
||||||
|
<text style="color: #71675D;">板块均涨</text>
|
||||||
|
<text
|
||||||
|
style="color: #EC3440; font-weight: bold; margin-left: 10rpx; margin-right: 20rpx;">+6.64%</text>
|
||||||
|
<text style="color: #EC3440; font-weight: bold;">14涨</text>
|
||||||
|
<text style="color: #888888; margin: 0 5rpx;">/</text>
|
||||||
|
<text style="color: #01AB5D; font-weight: bold;">5跌</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view
|
||||||
|
style="display: grid; grid-template-columns: repeat(3, 1fr); gap: 20rpx; font-size: 22rpx; color: #71675D; font-weight: 500; margin-top: 15rpx;">
|
||||||
|
<view style="text-align: left;">
|
||||||
|
<text>评分</text>
|
||||||
|
<text style="color: #EC3440; font-weight: bold; margin-left: 10rpx;">56</text>
|
||||||
|
</view>
|
||||||
|
<view style="text-align: center;">
|
||||||
|
<text>超额收益</text>
|
||||||
|
<text style="color: #EC3440; font-weight: bold; margin-left: 10rpx;">+9.28%</text>
|
||||||
|
</view>
|
||||||
|
<view style="text-align: right;">
|
||||||
|
<text>涨停比</text>
|
||||||
|
<text style="color: #EC3440; font-weight: bold; margin-left: 10rpx;">19%</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view style="height: 25rpx;"></view>
|
||||||
|
</view>
|
||||||
</scroll-view>
|
</scroll-view>
|
||||||
|
|
||||||
|
<uni-popup ref="typePopup" type="bottom" :safeArea="false">
|
||||||
|
<view class="detailPopup">
|
||||||
|
<view
|
||||||
|
style="height: 120rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 500;">
|
||||||
|
<view style="color: #727A8E; padding: 0 25rpx;" @click="closeAction(1)">取消</view>
|
||||||
|
<view style="flex: 1; text-align: center; color: #333333; font-size: 36rpx; font-weight: bold;">选择分类
|
||||||
|
</view>
|
||||||
|
<view style="color: #D79412; padding: 0 25rpx;" @click="confirmAction(1)">确定</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view v-for="(item,index) in typeList" :key="index">
|
||||||
|
<view style="height: 1rpx; background-color: #EAEAEA; margin: 0 20rpx;"></view>
|
||||||
|
<view style="display: flex; align-items: center; justify-content: center; height: 80rpx;">
|
||||||
|
<image style="width: 26rpx; height: 26rpx; margin-right: 18rpx;" :src="item.backIcon" mode="aspectFit"></image>
|
||||||
|
<view style="min-width: 100rpx; text-align: center; font-size: 24rpx; font-weight: 500; color: #070707;">{{item.title}}</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
|
|
||||||
|
<uni-popup ref="datePopup" type="bottom" :safeArea="false">
|
||||||
|
<view class="detailPopup">
|
||||||
|
<view
|
||||||
|
style="height: 120rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 500;">
|
||||||
|
<view style="color: #727A8E; padding: 0 25rpx;" @click="closeAction(2)">取消</view>
|
||||||
|
<view style="flex: 1; text-align: center; color: #333333; font-size: 36rpx; font-weight: bold;">选择日期
|
||||||
|
</view>
|
||||||
|
<view style="color: #D79412; padding: 0 25rpx;" @click="confirmAction(2)">确定</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view style="margin: 0 38rpx; padding-bottom: 38rpx;">
|
||||||
|
<LCCalendar2></LCCalendar2>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
|
|
||||||
|
<uni-popup ref="detailPopup" type="bottom" :safeArea="false">
|
||||||
|
<view class="detailPopup">
|
||||||
|
<view
|
||||||
|
style="height: 120rpx; display: flex; align-items: center; justify-content: center; font-size: 28rpx; font-weight: 500;">
|
||||||
|
<view style="color: #727A8E; width: 60rpx;"></view>
|
||||||
|
<view style="flex: 1; text-align: center; color: #333333; font-size: 36rpx; font-weight: bold;">详情
|
||||||
|
</view>
|
||||||
|
<view style="color: #D79412; width: 60rpx; display: flex; align-items: center; justify-content: center;" @click="closeAction(3)">
|
||||||
|
<image style="width: 20rpx; height: 20rpx;" src="/static/icon/home/close.png" mode="widthFix"></image>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view style="height: 1rpx; margin: 0 20rpx; background-color: #E7E7E7;"></view>
|
||||||
|
|
||||||
|
<view style="padding: 0 25rpx; box-sizing: border-box; height: 45rpx; margin: 0 45rpx; margin-top: 15rpx; background-color: #FAFAFC;">
|
||||||
|
<view style="display: flex; align-items: center; height: 100%;">
|
||||||
|
<view style="color: #666666; font-weight: 500; font-size: 24rpx; margin-right: 10rpx;">相关股票
|
||||||
|
</view>
|
||||||
|
|
||||||
|
<view style="flex: 1; font-size: 22rpx; text-align: right;">
|
||||||
|
<text style="color: #71675D;">板块均涨</text>
|
||||||
|
<text
|
||||||
|
style="color: #EC3440; font-weight: bold; margin-left: 10rpx; margin-right: 20rpx;">+6.64%</text>
|
||||||
|
<text style="color: #EC3440; font-weight: bold;">14涨</text>
|
||||||
|
<text style="color: #888888; margin: 0 5rpx;">/</text>
|
||||||
|
<text style="color: #01AB5D; font-weight: bold;">5跌</text>
|
||||||
|
<text style="color: #71675D; margin-left: 20rpx;">涨停比</text>
|
||||||
|
<text style="color: #EC3440; font-weight: bold; margin-left: 10rpx;">19%</text>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
|
||||||
|
|
||||||
|
<view v-for="(item, index) in 10" style="padding: 0 25rpx; box-sizing: border-box; height: 45rpx; margin: 0 45rpx; display: flex; align-items: center; font-weight: 500;"
|
||||||
|
:style="{ 'background-color': (index % 2 == 0 ? '#fff' : '#FAFAFC')}">
|
||||||
|
<view style="color: #222222; font-size: 24rpx; font-weight: bold;">科泰电源</view>
|
||||||
|
<view style="flex: 1; color: #888888; font-size: 20rpx; margin: 0 20rpx;">000880</view>
|
||||||
|
<view style="color: #EC3440; font-size: 22rpx; font-weight: bold;">+11.02%</view>
|
||||||
|
</view>
|
||||||
|
</view>
|
||||||
|
</uni-popup>
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
@@ -20,14 +234,115 @@
|
|||||||
return {
|
return {
|
||||||
navH: inject('navHeight'),
|
navH: inject('navHeight'),
|
||||||
contentTop: '',
|
contentTop: '',
|
||||||
|
topLists: [{
|
||||||
|
title: '大盘涨跌幅',
|
||||||
|
value: '+0.31%',
|
||||||
|
color: '#EC3440',
|
||||||
|
backIcon: '/static/icon/gegu/gg-top-0.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '涨停/跌停',
|
||||||
|
value: '+0.31%',
|
||||||
|
color: '#070707',
|
||||||
|
backIcon: '/static/icon/gegu/gg-top-1.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '多空对比',
|
||||||
|
value: '3572/1855',
|
||||||
|
color: '#070707',
|
||||||
|
backIcon: '/static/icon/gegu/gg-top-2.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '今日成交额',
|
||||||
|
value: '1.5万亿',
|
||||||
|
color: '#070707',
|
||||||
|
backIcon: '/static/icon/gegu/gg-top-3.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: 'A股总市值',
|
||||||
|
value: '113.8万亿',
|
||||||
|
color: '#070707',
|
||||||
|
backIcon: '/static/icon/gegu/gg-top-4.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '连板龙头',
|
||||||
|
value: '10只',
|
||||||
|
color: '#F59B38',
|
||||||
|
backIcon: '/static/icon/gegu/gg-top-5.png'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
topLists2: [{
|
||||||
|
title: '超大盘股',
|
||||||
|
value: '(>1000亿)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '大盘股',
|
||||||
|
value: '(500-1000亿)',
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '中盘股',
|
||||||
|
value: '(100-500亿)',
|
||||||
|
}
|
||||||
|
],
|
||||||
|
list2Index: 0,
|
||||||
|
typeList: [{
|
||||||
|
title: '缩量急涨',
|
||||||
|
backIcon: '/static/icon/gegu/cate-0.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '异动',
|
||||||
|
backIcon: '/static/icon/gegu/cate-1.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '急跌',
|
||||||
|
backIcon: '/static/icon/gegu/cate-2.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '急涨',
|
||||||
|
backIcon: '/static/icon/gegu/cate-3.png'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: '放量震荡',
|
||||||
|
backIcon: '/static/icon/gegu/cate-4.png'
|
||||||
|
}]
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
onLoad(e) {
|
onLoad(e) {
|
||||||
this.activeIndex = e.index
|
this.activeIndex = e.index
|
||||||
this.contentTop = this.navH + 20 / 750 * inject('windowWidth')
|
this.contentTop = this.navH + (20 + 70 + 25) / 750 * inject('windowWidth')
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
moreAction() {
|
||||||
|
uni.navigateTo({
|
||||||
|
url: '/pages/geGuCenter/detail'
|
||||||
|
})
|
||||||
|
},
|
||||||
|
allAction(index) {
|
||||||
|
if (index == 1) {
|
||||||
|
this.$refs["typePopup"].open()
|
||||||
|
}else if (index == 2) {
|
||||||
|
this.$refs["datePopup"].open()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
closeAction(index) {
|
||||||
|
if (index == 1) {
|
||||||
|
this.$refs["typePopup"].close()
|
||||||
|
}else if (index == 2) {
|
||||||
|
this.$refs["datePopup"].close()
|
||||||
|
}else if (index == 3) {
|
||||||
|
this.$refs["detailPopup"].close()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
confirmAction(index) {
|
||||||
|
if (index == 1) {
|
||||||
|
this.$refs["typePopup"].close()
|
||||||
|
}else if (index == 2) {
|
||||||
|
this.$refs["datePopup"].close()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
bkydAction(item) {
|
||||||
|
this.$refs["detailPopup"].open()
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</script>
|
</script>
|
||||||
@@ -44,9 +359,42 @@
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.stockDetailsC {
|
.searchC {
|
||||||
|
background-color: #292929B3;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
margin: 20rpx 25rpx 0;
|
||||||
|
padding: 0 25rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 35rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
|
||||||
|
.icon {
|
||||||
|
margin-right: 12rpx;
|
||||||
|
width: 25rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
input {
|
||||||
|
height: 100%;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.stockDetailsC {
|
||||||
|
left: 25rpx;
|
||||||
|
width: calc(100vw - 50rpx);
|
||||||
bottom: calc(55px + env(safe-area-inset-bottom));
|
bottom: calc(55px + env(safe-area-inset-bottom));
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
|
||||||
|
.detailPopup {
|
||||||
|
max-height: 70%;
|
||||||
|
background-color: white;
|
||||||
|
color: red;
|
||||||
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
BIN
pages/geGuCenter/icon/ydjk-icon.png
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
pages/geGuCenter/icon/ydjk-zs.png
Normal file
|
After Width: | Height: | Size: 457 B |
@@ -3,12 +3,12 @@
|
|||||||
<navBar leftText="板块异动明细" :hideNavBg="true"></navBar>
|
<navBar leftText="板块异动明细" :hideNavBg="true"></navBar>
|
||||||
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
<image class="topBg absolute" src="/static/image/index/conceptTopBg.png" mode="widthFix"></image>
|
||||||
|
|
||||||
<view class="stockDetailsC fixed" style="background-color: white; border-radius: 10rpx; overflow: hidden; margin: 25rpx;" :style="'top:'+contentTop+'px;'">
|
<view class="stockDetailsC fixed" style="background-color: white; border-radius: 10rpx; overflow: hidden;" :style="'top:'+contentTop+'px;'">
|
||||||
|
|
||||||
<view style="height: 86rpx;">
|
<view style="height: 86rpx;">
|
||||||
<scroll-view scroll-x style="white-space: nowrap; height: 100%;">
|
<scroll-view scroll-x style="white-space: nowrap; height: 100%; padding: 0 20rpx; box-sizing: border-box;" scroll-with-animation :scroll-into-view="'tab-' + activeIndex">
|
||||||
<view style="display: flex; align-items: center; height: 100%; font-weight: 500;">
|
<view style="display: flex; align-items: center; height: 100%; font-weight: 500;">
|
||||||
<view @click="activeIndex = index" v-for="(item,index) in bkList" :key="index" style="display: flex; align-items: center; justify-content: center; line-height: 85rpx; margin: 0 20rpx;" :style="{color: (activeIndex == index ? '#2B2B2B' : '#999999'), 'border-bottom': (activeIndex == index ? '1rpx solid #F2C369' : 'none'), 'font-size' : (activeIndex == index ? '28rpx' : '26rpx')}">
|
<view :id="'tab-' + index" @click="activeIndex = index" v-for="(item,index) in bkList" :key="index" style="display: flex; align-items: center; justify-content: center; line-height: 85rpx; margin: 0 20rpx;" :style="{color: (activeIndex == index ? '#2B2B2B' : '#999999'), 'border-bottom': (activeIndex == index ? '1rpx solid #F2C369' : 'none'), 'font-size' : (activeIndex == index ? '28rpx' : '26rpx')}">
|
||||||
{{item.title}}
|
{{item.title}}
|
||||||
</view>
|
</view>
|
||||||
</view>
|
</view>
|
||||||
@@ -171,8 +171,9 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.stockDetailsC {
|
.stockDetailsC {
|
||||||
left: 0;
|
left: 25rpx;
|
||||||
right: 0;
|
right: 25rpx;
|
||||||
|
width: calc(100vw - 50rpx);
|
||||||
bottom: env(safe-area-inset-bottom);
|
bottom: env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
BIN
static/icon/gegu/cate-0.png
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
static/icon/gegu/cate-1.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/icon/gegu/cate-2.png
Normal file
|
After Width: | Height: | Size: 971 B |
BIN
static/icon/gegu/cate-3.png
Normal file
|
After Width: | Height: | Size: 964 B |
BIN
static/icon/gegu/cate-4.png
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
static/icon/gegu/gg-top-0.png
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
static/icon/gegu/gg-top-1.png
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
static/icon/gegu/gg-top-2.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
static/icon/gegu/gg-top-3.png
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
static/icon/gegu/gg-top-4.png
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
static/icon/gegu/gg-top-5.png
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
@@ -468,7 +468,7 @@
|
|||||||
.uni-popup {
|
.uni-popup {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
/* #ifndef APP-NVUE */
|
/* #ifndef APP-NVUE */
|
||||||
z-index: 99;
|
z-index: 99999;
|
||||||
|
|
||||||
/* #endif */
|
/* #endif */
|
||||||
&.top,
|
&.top,
|
||||||
|
|||||||
1
unpackage/dist/dev/.sourcemap/mp-weixin/components/LCCalendar2/LCCalendar2.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/components/tabbar/tabbar.js.map
vendored
Normal file
1
unpackage/dist/dev/.sourcemap/mp-weixin/pages/geGuCenter/detail.js.map
vendored
Normal file
1
unpackage/dist/dev/mp-weixin/app.js
vendored
@@ -27,6 +27,7 @@ if (!Math) {
|
|||||||
"./pages/stockCenterDetails/stockCenterDetails.js";
|
"./pages/stockCenterDetails/stockCenterDetails.js";
|
||||||
"./pages/geGuCenter/geGuCenter.js";
|
"./pages/geGuCenter/geGuCenter.js";
|
||||||
"./pages/ztfx/ztfx.js";
|
"./pages/ztfx/ztfx.js";
|
||||||
|
"./pages/geGuCenter/detail.js";
|
||||||
"./pagesMine/vip/vip.js";
|
"./pagesMine/vip/vip.js";
|
||||||
"./pagesMine/vipMeal/vipMeal.js";
|
"./pagesMine/vipMeal/vipMeal.js";
|
||||||
"./pagesStock/stockCenterDetails/stockCenterDetails.js";
|
"./pagesStock/stockCenterDetails/stockCenterDetails.js";
|
||||||
|
|||||||
3
unpackage/dist/dev/mp-weixin/app.json
vendored
@@ -23,7 +23,8 @@
|
|||||||
"pages/concept/reportDetails/reportDetails",
|
"pages/concept/reportDetails/reportDetails",
|
||||||
"pages/stockCenterDetails/stockCenterDetails",
|
"pages/stockCenterDetails/stockCenterDetails",
|
||||||
"pages/geGuCenter/geGuCenter",
|
"pages/geGuCenter/geGuCenter",
|
||||||
"pages/ztfx/ztfx"
|
"pages/ztfx/ztfx",
|
||||||
|
"pages/geGuCenter/detail"
|
||||||
],
|
],
|
||||||
"subPackages": [
|
"subPackages": [
|
||||||
{
|
{
|
||||||
|
|||||||
BIN
unpackage/dist/dev/mp-weixin/assets/gg-top-0.1c37a8a2.png
vendored
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/ydjk-icon.9712ef19.png
vendored
Normal file
|
After Width: | Height: | Size: 1.6 KiB |
BIN
unpackage/dist/dev/mp-weixin/assets/ydjk-zs.f6ba6c32.png
vendored
Normal file
|
After Width: | Height: | Size: 457 B |
66
unpackage/dist/dev/mp-weixin/common/assets.js
vendored
@@ -13,9 +13,9 @@ const _imports_10$2 = "/static/icon/home/industrySearch.png";
|
|||||||
const _imports_11$2 = "/static/icon/home/industry_s.png";
|
const _imports_11$2 = "/static/icon/home/industry_s.png";
|
||||||
const _imports_12$3 = "/static/icon/home/level_s.png";
|
const _imports_12$3 = "/static/icon/home/level_s.png";
|
||||||
const _imports_2$d = "/static/icon/invest/upArrow.png";
|
const _imports_2$d = "/static/icon/invest/upArrow.png";
|
||||||
const _imports_3$c = "/static/icon/invest/downArrow.png";
|
const _imports_4$b = "/static/icon/invest/downArrow.png";
|
||||||
const _imports_4$a = "/static/image/index/noData.png";
|
const _imports_4$a = "/static/image/index/noData.png";
|
||||||
const _imports_5$5 = "/static/icon/home/monthLeftArrow.png";
|
const _imports_5$6 = "/static/icon/home/monthLeftArrow.png";
|
||||||
const _imports_6$2 = "/static/icon/home/monthRightArrow.png";
|
const _imports_6$2 = "/static/icon/home/monthRightArrow.png";
|
||||||
const _imports_2$c = "/static/icon/home/conceptCenter/sortType.png";
|
const _imports_2$c = "/static/icon/home/conceptCenter/sortType.png";
|
||||||
const _imports_4$9 = "/static/icon/home/conceptCenter/transactionDate.png";
|
const _imports_4$9 = "/static/icon/home/conceptCenter/transactionDate.png";
|
||||||
@@ -37,41 +37,43 @@ const _imports_15$1 = "/static/icon/home/conceptCenter/free_s.png";
|
|||||||
const _imports_16$1 = "/static/icon/home/conceptCenter/pro_s.png";
|
const _imports_16$1 = "/static/icon/home/conceptCenter/pro_s.png";
|
||||||
const _imports_1$d = "/static/icon/mine/infoArrow.png";
|
const _imports_1$d = "/static/icon/mine/infoArrow.png";
|
||||||
const _imports_2$a = "/static/image/mine/vipBg.png";
|
const _imports_2$a = "/static/image/mine/vipBg.png";
|
||||||
const _imports_3$b = "/static/icon/mine/menuArrow.png";
|
const _imports_3$c = "/static/icon/mine/menuArrow.png";
|
||||||
const _imports_4$8 = "/static/image/mine/service.png";
|
const _imports_4$8 = "/static/image/mine/service.png";
|
||||||
const _imports_1$c = "/static/icon/mine/basicInfo/edit.png";
|
const _imports_1$c = "/static/icon/mine/basicInfo/edit.png";
|
||||||
const _imports_2$9 = "/static/icon/mine/basicInfo/downArrow.png";
|
const _imports_2$9 = "/static/icon/mine/basicInfo/downArrow.png";
|
||||||
const _imports_1$b = "/static/icon/home/conceptCenter/lock.png";
|
const _imports_1$b = "/static/icon/home/conceptCenter/lock.png";
|
||||||
const _imports_3$a = "/static/icon/home/expectScore.png";
|
const _imports_3$b = "/static/icon/home/expectScore.png";
|
||||||
const _imports_4$7 = "/static/icon/home/expectScoreTips.png";
|
const _imports_4$7 = "/static/icon/home/expectScoreTips.png";
|
||||||
const _imports_5$4 = "/static/icon/home/expectScoreDot.png";
|
const _imports_5$5 = "/static/icon/home/expectScoreDot.png";
|
||||||
const _imports_8$3 = "/static/icon/home/eventDetails/like.png";
|
const _imports_8$3 = "/static/icon/home/eventDetails/like.png";
|
||||||
const _imports_9$2 = "/static/icon/home/eventDetails/collect.png";
|
const _imports_9$2 = "/static/icon/home/eventDetails/collect.png";
|
||||||
const _imports_4$6 = "/static/icon/home/collect_s.png";
|
const _imports_4$6 = "/static/icon/home/collect_s.png";
|
||||||
const _imports_1$a = "/static/icon/home/like_s.png";
|
const _imports_1$a = "/static/icon/home/like_s.png";
|
||||||
const _imports_0$4 = "/static/image/login/logo.png";
|
const _imports_0$4 = "/static/image/login/logo.png";
|
||||||
const _imports_3$9 = "/static/icon/login/select_s.png";
|
const _imports_3$a = "/static/icon/login/select_s.png";
|
||||||
const _imports_4$5 = "/static/icon/login/select.png";
|
const _imports_4$5 = "/static/icon/login/select.png";
|
||||||
const _imports_1$9 = "/static/icon/login/mobile.png";
|
const _imports_1$9 = "/static/icon/login/mobile.png";
|
||||||
const _imports_2$8 = "/static/icon/login/code.png";
|
const _imports_2$8 = "/static/icon/login/code.png";
|
||||||
const _imports_3$8 = "/static/icon/home/conceptCenter/chgDown.png";
|
const _imports_3$9 = "/static/icon/home/conceptCenter/chgDown.png";
|
||||||
const _imports_4$4 = "/static/icon/home/conceptCenter/chgUp.png";
|
const _imports_4$4 = "/static/icon/home/conceptCenter/chgUp.png";
|
||||||
const _imports_5$3 = "/static/icon/home/conceptCenter/newsReport.png";
|
const _imports_5$4 = "/static/icon/home/conceptCenter/newsReport.png";
|
||||||
const _imports_1$8 = "/static/icon/home/conceptCenter/timeScreenArrow.png";
|
const _imports_1$8 = "/static/icon/home/conceptCenter/timeScreenArrow.png";
|
||||||
const _imports_2$7 = "/static/icon/home/conceptCenter/reasonExpand.png";
|
const _imports_2$7 = "/static/icon/home/conceptCenter/reasonExpand.png";
|
||||||
const _imports_3$7 = "/static/icon/home/conceptCenter/reasonRetract.png";
|
const _imports_3$8 = "/static/icon/home/conceptCenter/reasonRetract.png";
|
||||||
const _imports_2$6 = "/pagesStock/static/icon/establishedTime.png";
|
const _imports_2$6 = "/pagesStock/static/icon/establishedTime.png";
|
||||||
const _imports_3$6 = "/pagesStock/static/icon/registeredCapital.png";
|
const _imports_3$7 = "/pagesStock/static/icon/registeredCapital.png";
|
||||||
const _imports_4$3 = "/pagesStock/static/icon/location.png";
|
const _imports_4$3 = "/pagesStock/static/icon/location.png";
|
||||||
const _imports_5$2 = "/pagesStock/static/icon/visitWebsite.png";
|
const _imports_5$3 = "/pagesStock/static/icon/visitWebsite.png";
|
||||||
const _imports_6$1 = "/pagesStock/static/icon/female.png";
|
const _imports_6$1 = "/pagesStock/static/icon/female.png";
|
||||||
const _imports_7$2 = "/pagesStock/static/icon/lookMoreArrow.png";
|
const _imports_7$2 = "/pagesStock/static/icon/lookMoreArrow.png";
|
||||||
const _imports_8$2 = "/pagesStock/static/icon/existStatus.png";
|
const _imports_8$2 = "/pagesStock/static/icon/existStatus.png";
|
||||||
const _imports_9$1 = "/pagesStock/static/icon/industryRank.png";
|
const _imports_9$1 = "/pagesStock/static/icon/industryRank.png";
|
||||||
const _imports_2$5 = "/pagesStock/static/icon/contrast.png";
|
const _imports_2$5 = "/pagesStock/static/icon/contrast.png";
|
||||||
const _imports_3$5 = "/pagesStock/static/icon/optional.png";
|
const _imports_3$6 = "/pagesStock/static/icon/optional.png";
|
||||||
const _imports_4$2 = "/pagesStock/static/icon/share.png";
|
const _imports_4$2 = "/pagesStock/static/icon/share.png";
|
||||||
const _imports_14$1 = "/pagesStock/static/icon/yRightArrow.png";
|
const _imports_14$1 = "/pagesStock/static/icon/yRightArrow.png";
|
||||||
|
const _imports_3$5 = "/assets/ydjk-icon.9712ef19.png";
|
||||||
|
const _imports_5$2 = "/assets/ydjk-zs.f6ba6c32.png";
|
||||||
const _imports_1$7 = "/pagesStock/static/icon/ai-icon.png";
|
const _imports_1$7 = "/pagesStock/static/icon/ai-icon.png";
|
||||||
const _imports_2$4 = "/pagesStock/static/icon/ai-icon-1.png";
|
const _imports_2$4 = "/pagesStock/static/icon/ai-icon-1.png";
|
||||||
const _imports_3$4 = "/pagesStock/static/icon/all-icon-3.png";
|
const _imports_3$4 = "/pagesStock/static/icon/all-icon-3.png";
|
||||||
@@ -187,26 +189,28 @@ exports._imports_3$3 = _imports_3$b;
|
|||||||
exports._imports_3$4 = _imports_3$a;
|
exports._imports_3$4 = _imports_3$a;
|
||||||
exports._imports_3$5 = _imports_3$9;
|
exports._imports_3$5 = _imports_3$9;
|
||||||
exports._imports_3$6 = _imports_3$8;
|
exports._imports_3$6 = _imports_3$8;
|
||||||
exports._imports_3$7 = _imports_3$7;
|
exports._imports_3$7 = _imports_3$6;
|
||||||
exports._imports_3$8 = _imports_3$5;
|
exports._imports_3$8 = _imports_3$7;
|
||||||
exports._imports_3$9 = _imports_3$6;
|
exports._imports_3$9 = _imports_3$5;
|
||||||
exports._imports_4 = _imports_4$a;
|
exports._imports_4 = _imports_4$a;
|
||||||
exports._imports_4$1 = _imports_4$9;
|
exports._imports_4$1 = _imports_4$b;
|
||||||
exports._imports_4$10 = _imports_4;
|
exports._imports_4$10 = _imports_4$1;
|
||||||
exports._imports_4$2 = _imports_4$8;
|
exports._imports_4$11 = _imports_4;
|
||||||
exports._imports_4$3 = _imports_4$7;
|
exports._imports_4$2 = _imports_4$9;
|
||||||
exports._imports_4$4 = _imports_4$6;
|
exports._imports_4$3 = _imports_4$8;
|
||||||
exports._imports_4$5 = _imports_4$5;
|
exports._imports_4$4 = _imports_4$7;
|
||||||
exports._imports_4$6 = _imports_4$4;
|
exports._imports_4$5 = _imports_4$6;
|
||||||
exports._imports_4$7 = _imports_4$2;
|
exports._imports_4$6 = _imports_4$5;
|
||||||
exports._imports_4$8 = _imports_4$3;
|
exports._imports_4$7 = _imports_4$4;
|
||||||
exports._imports_4$9 = _imports_4$1;
|
exports._imports_4$8 = _imports_4$2;
|
||||||
exports._imports_5 = _imports_5$5;
|
exports._imports_4$9 = _imports_4$3;
|
||||||
exports._imports_5$1 = _imports_5$4;
|
exports._imports_5 = _imports_5$6;
|
||||||
exports._imports_5$2 = _imports_5$3;
|
exports._imports_5$1 = _imports_5$5;
|
||||||
exports._imports_5$3 = _imports_5$2;
|
exports._imports_5$2 = _imports_5$4;
|
||||||
exports._imports_5$4 = _imports_5$1;
|
exports._imports_5$3 = _imports_5$3;
|
||||||
exports._imports_5$5 = _imports_5;
|
exports._imports_5$4 = _imports_5$2;
|
||||||
|
exports._imports_5$5 = _imports_5$1;
|
||||||
|
exports._imports_5$6 = _imports_5;
|
||||||
exports._imports_6 = _imports_6$2;
|
exports._imports_6 = _imports_6$2;
|
||||||
exports._imports_6$1 = _imports_6$1;
|
exports._imports_6$1 = _imports_6$1;
|
||||||
exports._imports_6$2 = _imports_6;
|
exports._imports_6$2 = _imports_6;
|
||||||
|
|||||||
@@ -7051,9 +7051,9 @@ function isConsoleWritable() {
|
|||||||
return isWritable;
|
return isWritable;
|
||||||
}
|
}
|
||||||
function initRuntimeSocketService() {
|
function initRuntimeSocketService() {
|
||||||
const hosts = "127.0.0.1,172.16.6.3,192.168.2.1,169.254.97.47";
|
const hosts = "127.0.0.1,172.16.6.3,192.168.2.1,169.254.196.213";
|
||||||
const port = "8090";
|
const port = "8090";
|
||||||
const id = "mp-weixin_I52b3x";
|
const id = "mp-weixin_PNeMto";
|
||||||
const lazy = typeof swan !== "undefined";
|
const lazy = typeof swan !== "undefined";
|
||||||
let restoreError = lazy ? () => {
|
let restoreError = lazy ? () => {
|
||||||
} : initOnError();
|
} : initOnError();
|
||||||
|
|||||||
@@ -29,7 +29,6 @@ const _sfc_main = {
|
|||||||
this.startDateStr = currentYear + "-" + (currentMonth > 9 ? currentMonth : "0" + currentMonth) + "-01";
|
this.startDateStr = currentYear + "-" + (currentMonth > 9 ? currentMonth : "0" + currentMonth) + "-01";
|
||||||
this.endDateStr = this.selectDateStr = currentYear + "-" + (currentMonth > 9 ? currentMonth : "0" + currentMonth) + "-" + (currentDay > 9 ? currentDay : "0" + currentDay);
|
this.endDateStr = this.selectDateStr = currentYear + "-" + (currentMonth > 9 ? currentMonth : "0" + currentMonth) + "-" + (currentDay > 9 ? currentDay : "0" + currentDay);
|
||||||
this.generateMonthDateListData();
|
this.generateMonthDateListData();
|
||||||
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:97", JSON.stringify(this.monthDateList[0]));
|
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/**
|
/**
|
||||||
@@ -160,7 +159,7 @@ const _sfc_main = {
|
|||||||
this.selectMonth = year + "年" + month + "月";
|
this.selectMonth = year + "年" + month + "月";
|
||||||
this.startDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-01";
|
this.startDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-01";
|
||||||
this.endDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-" + lastDay;
|
this.endDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-" + lastDay;
|
||||||
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:241", "点击上个月");
|
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:238", "点击上个月");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
@@ -189,7 +188,7 @@ const _sfc_main = {
|
|||||||
this.selectMonth = year + "年" + month + "月";
|
this.selectMonth = year + "年" + month + "月";
|
||||||
this.startDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-01";
|
this.startDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-01";
|
||||||
this.endDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-" + lastDay;
|
this.endDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-" + lastDay;
|
||||||
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:270", "点击下个月");
|
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:267", "点击下个月");
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
monthChange(e) {
|
monthChange(e) {
|
||||||
@@ -203,7 +202,7 @@ const _sfc_main = {
|
|||||||
this.startDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-01";
|
this.startDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-01";
|
||||||
let lastDayOfMonth = new Date(selectYear, selectMonth, 0);
|
let lastDayOfMonth = new Date(selectYear, selectMonth, 0);
|
||||||
this.endDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-" + lastDayOfMonth.getDate();
|
this.endDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-" + lastDayOfMonth.getDate();
|
||||||
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:287", "月份变更");
|
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:284", "月份变更");
|
||||||
},
|
},
|
||||||
/**
|
/**
|
||||||
* 点击选择开始日期和结束日期
|
* 点击选择开始日期和结束日期
|
||||||
@@ -215,7 +214,7 @@ const _sfc_main = {
|
|||||||
if (this.selectDateStr != item.date) {
|
if (this.selectDateStr != item.date) {
|
||||||
this.selectDateStr = item.date;
|
this.selectDateStr = item.date;
|
||||||
this.chgStockData = item;
|
this.chgStockData = item;
|
||||||
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:298", "点击某天");
|
common_vendor.index.__f__("log", "at components/LCCalendar/LCCalendar.vue:295", "点击某天");
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
258
unpackage/dist/dev/mp-weixin/components/LCCalendar2/LCCalendar2.js
vendored
Normal file
@@ -0,0 +1,258 @@
|
|||||||
|
"use strict";
|
||||||
|
const common_vendor = require("../../common/vendor.js");
|
||||||
|
const common_assets = require("../../common/assets.js");
|
||||||
|
const _sfc_main = {
|
||||||
|
name: "LCCalendar",
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
weekList: ["日", "一", "二", "三", "四", "五", "六"],
|
||||||
|
monthDateList: [],
|
||||||
|
selectMonthIndex: 0,
|
||||||
|
//选中月份下标
|
||||||
|
selectMonth: "",
|
||||||
|
//选中年月
|
||||||
|
selectDateStr: "",
|
||||||
|
//选中日期
|
||||||
|
startDateStr: "",
|
||||||
|
//开始日期
|
||||||
|
endDateStr: ""
|
||||||
|
//结束日期
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
let currentDate = /* @__PURE__ */ new Date();
|
||||||
|
let currentYear = currentDate.getFullYear();
|
||||||
|
let currentMonth = currentDate.getMonth() + 1;
|
||||||
|
let currentDay = currentDate.getDate();
|
||||||
|
this.selectMonthIndex = 20 * 12 + currentMonth - 1;
|
||||||
|
this.selectMonth = currentYear + "年" + currentMonth + "月";
|
||||||
|
this.startDateStr = currentYear + "-" + (currentMonth > 9 ? currentMonth : "0" + currentMonth) + "-01";
|
||||||
|
this.endDateStr = this.selectDateStr = currentYear + "-" + (currentMonth > 9 ? currentMonth : "0" + currentMonth) + "-" + (currentDay > 9 ? currentDay : "0" + currentDay);
|
||||||
|
this.generateMonthDateListData();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/**
|
||||||
|
* 获取当前时间前一天的数据
|
||||||
|
*/
|
||||||
|
getYesterdayDateData() {
|
||||||
|
let currentDate = /* @__PURE__ */ new Date();
|
||||||
|
let selectDate = new Date(currentDate);
|
||||||
|
selectDate.setDate(selectDate.getDate() - 1);
|
||||||
|
let selectYear = selectDate.getFullYear();
|
||||||
|
let selectMonth = selectDate.getMonth() + 1;
|
||||||
|
let selectDay = selectDate.getDate();
|
||||||
|
this.selectDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-" + (selectDay > 9 ? selectDay : "0" + selectDay);
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 生成日期数组
|
||||||
|
*/
|
||||||
|
generateMonthDateListData() {
|
||||||
|
let currentDate = /* @__PURE__ */ new Date();
|
||||||
|
let currentYear = currentDate.getFullYear();
|
||||||
|
let currentMonth = currentDate.getMonth() + 1;
|
||||||
|
let currentDay = currentDate.getDate();
|
||||||
|
let monthDateList = [];
|
||||||
|
for (var i = currentYear - 20; i < currentYear + 20; i++) {
|
||||||
|
for (var j = 0; j < 12; j++) {
|
||||||
|
let date = new Date(i, j + 1, 0);
|
||||||
|
let firstDayOfMonth = new Date(i, j + 1, 0);
|
||||||
|
firstDayOfMonth.setDate(1);
|
||||||
|
let currentMonthDay = date.getDate();
|
||||||
|
let firstDayWeek = firstDayOfMonth.getDay() + 1;
|
||||||
|
let daysOfMonth = [];
|
||||||
|
for (var k = 1; k <= currentMonthDay; k++) {
|
||||||
|
let newDate = new Date(i, j + 1, 0);
|
||||||
|
newDate.setDate(k);
|
||||||
|
let newMonth = newDate.getMonth() + 1;
|
||||||
|
let newDay = newDate.getDate();
|
||||||
|
let time = newDate.getTime();
|
||||||
|
let date2 = i + "-" + (newMonth > 9 ? newMonth : "0" + newMonth) + "-" + (newDay > 9 ? newDay : "0" + newDay);
|
||||||
|
daysOfMonth.push({
|
||||||
|
date: date2,
|
||||||
|
year: i,
|
||||||
|
month: newMonth,
|
||||||
|
day: newDay,
|
||||||
|
isToday: i == currentYear && newMonth == currentMonth && newDay == currentDay ? true : false,
|
||||||
|
isCurrentMonth: true,
|
||||||
|
isLastDay: newDay == currentMonthDay ? true : false,
|
||||||
|
timestamp: time
|
||||||
|
});
|
||||||
|
}
|
||||||
|
for (var k = 0; k < firstDayWeek - 1; k++) {
|
||||||
|
let year = i;
|
||||||
|
let month = j;
|
||||||
|
if (j < 1) {
|
||||||
|
year = i - 1;
|
||||||
|
month = 12;
|
||||||
|
}
|
||||||
|
let lastMonthDay = new Date(year, month, 0).getDate();
|
||||||
|
let newDate = new Date(year, month - 1, lastMonthDay - k);
|
||||||
|
let newMonth = newDate.getMonth() + 1;
|
||||||
|
let newDay = newDate.getDate();
|
||||||
|
let time = newDate.getTime();
|
||||||
|
let date2 = year + "-" + (newMonth > 9 ? newMonth : "0" + newMonth) + "-" + (newDay > 9 ? newDay : "0" + newDay);
|
||||||
|
daysOfMonth.unshift({
|
||||||
|
date: date2,
|
||||||
|
year,
|
||||||
|
month: newMonth,
|
||||||
|
day: newDay,
|
||||||
|
isToday: false,
|
||||||
|
isCurrentMonth: false,
|
||||||
|
isLastDay: false,
|
||||||
|
timestamp: time
|
||||||
|
});
|
||||||
|
}
|
||||||
|
let nextMonthFirstDay = new Date(i, j + 1, 1);
|
||||||
|
let lastDayOfMonth = new Date(nextMonthFirstDay - 24 * 60 * 60 * 1e3);
|
||||||
|
let lastDayWeek = lastDayOfMonth.getDay() + 1;
|
||||||
|
for (var k = 1; k < 8 - lastDayWeek; k++) {
|
||||||
|
let year = i;
|
||||||
|
let month = j;
|
||||||
|
if (month > 11) {
|
||||||
|
month = 0;
|
||||||
|
year++;
|
||||||
|
}
|
||||||
|
let newDate = new Date(year, month + 1, k);
|
||||||
|
let newMonth = newDate.getMonth() + 1;
|
||||||
|
let newDay = newDate.getDate();
|
||||||
|
let time = newDate.getTime();
|
||||||
|
let date2 = year + "-" + (newMonth > 9 ? newMonth : "0" + newMonth) + "-" + (newDay > 9 ? newDay : "0" + newDay);
|
||||||
|
daysOfMonth.push({
|
||||||
|
date: date2,
|
||||||
|
year,
|
||||||
|
month: newMonth,
|
||||||
|
day: newDay,
|
||||||
|
isToday: false,
|
||||||
|
isCurrentMonth: false,
|
||||||
|
isLastDay: false,
|
||||||
|
timestamp: time
|
||||||
|
});
|
||||||
|
}
|
||||||
|
monthDateList.push(daysOfMonth);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.monthDateList = monthDateList;
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 点击上个月
|
||||||
|
*/
|
||||||
|
clickPreMonth() {
|
||||||
|
if (this.selectMonthIndex > 0) {
|
||||||
|
this.selectMonthIndex--;
|
||||||
|
let monthList = this.monthDateList[this.selectMonthIndex];
|
||||||
|
let year = "";
|
||||||
|
let month = "";
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isCurrentMonth) {
|
||||||
|
year = item.year;
|
||||||
|
month = item.month;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let lastDay = "";
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isLastDay) {
|
||||||
|
lastDay = item.day;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.selectMonth = year + "年" + month + "月";
|
||||||
|
this.startDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-01";
|
||||||
|
this.endDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-" + lastDay;
|
||||||
|
common_vendor.index.__f__("log", "at components/LCCalendar2/LCCalendar2.vue:224", "点击上个月");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 点击下个月
|
||||||
|
*/
|
||||||
|
clickNextMonth() {
|
||||||
|
if (this.selectMonthIndex < this.monthDateList.length - 1) {
|
||||||
|
this.selectMonthIndex++;
|
||||||
|
let monthList = this.monthDateList[this.selectMonthIndex];
|
||||||
|
let year = "";
|
||||||
|
let month = "";
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isCurrentMonth) {
|
||||||
|
year = item.year;
|
||||||
|
month = item.month;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
let lastDay = "";
|
||||||
|
for (let item of monthList) {
|
||||||
|
if (item.isLastDay) {
|
||||||
|
lastDay = item.day;
|
||||||
|
break;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.selectMonth = year + "年" + month + "月";
|
||||||
|
this.startDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-01";
|
||||||
|
this.endDateStr = year + "-" + (month > 9 ? month : "0" + month) + "-" + lastDay;
|
||||||
|
common_vendor.index.__f__("log", "at components/LCCalendar2/LCCalendar2.vue:253", "点击下个月");
|
||||||
|
}
|
||||||
|
},
|
||||||
|
monthChange(e) {
|
||||||
|
let currentDate = /* @__PURE__ */ new Date();
|
||||||
|
let currentYear = currentDate.getFullYear();
|
||||||
|
let yearMonth = e.detail.value;
|
||||||
|
let selectYear = parseInt(yearMonth.split("-")[0]);
|
||||||
|
let selectMonth = parseInt(yearMonth.split("-")[1]);
|
||||||
|
this.selectMonthIndex = (selectYear - (currentYear - 20)) * 12 + selectMonth - 1;
|
||||||
|
this.selectMonth = selectYear + "年" + selectMonth + "月";
|
||||||
|
this.startDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-01";
|
||||||
|
let lastDayOfMonth = new Date(selectYear, selectMonth, 0);
|
||||||
|
this.endDateStr = selectYear + "-" + (selectMonth > 9 ? selectMonth : "0" + selectMonth) + "-" + lastDayOfMonth.getDate();
|
||||||
|
common_vendor.index.__f__("log", "at components/LCCalendar2/LCCalendar2.vue:270", "月份变更");
|
||||||
|
},
|
||||||
|
/**
|
||||||
|
* 点击选择开始日期和结束日期
|
||||||
|
* @param {Object} item
|
||||||
|
*/
|
||||||
|
clickSelectDate(item) {
|
||||||
|
if (!item.isCurrentMonth)
|
||||||
|
return;
|
||||||
|
if (this.selectDateStr != item.date) {
|
||||||
|
this.selectDateStr = item.date;
|
||||||
|
this.chgStockData = item;
|
||||||
|
common_vendor.index.__f__("log", "at components/LCCalendar2/LCCalendar2.vue:281", "点击某天");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
return {
|
||||||
|
a: common_assets._imports_0$1,
|
||||||
|
b: common_vendor.o(($event) => $options.clickPreMonth()),
|
||||||
|
c: common_vendor.t($data.selectMonth),
|
||||||
|
d: common_vendor.o((...args) => $options.monthChange && $options.monthChange(...args)),
|
||||||
|
e: common_assets._imports_2$3,
|
||||||
|
f: common_vendor.o(($event) => $options.clickNextMonth()),
|
||||||
|
g: common_vendor.f($data.weekList, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.t(item),
|
||||||
|
b: index
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
h: common_vendor.f($data.monthDateList[$data.selectMonthIndex], (item, index, i0) => {
|
||||||
|
return common_vendor.e({
|
||||||
|
a: item.date == $data.selectDateStr
|
||||||
|
}, item.date == $data.selectDateStr ? {
|
||||||
|
b: common_vendor.t(item.day),
|
||||||
|
c: common_vendor.n("date select up")
|
||||||
|
} : common_vendor.e({
|
||||||
|
d: !item.isCurrentMonth
|
||||||
|
}, !item.isCurrentMonth ? {
|
||||||
|
e: common_vendor.t(item.day)
|
||||||
|
} : {
|
||||||
|
f: common_vendor.t(item.day),
|
||||||
|
g: common_vendor.n("date up")
|
||||||
|
}), {
|
||||||
|
h: index,
|
||||||
|
i: common_vendor.o(($event) => $options.clickSelectDate(item), index)
|
||||||
|
});
|
||||||
|
})
|
||||||
|
};
|
||||||
|
}
|
||||||
|
const Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||||
|
wx.createComponent(Component);
|
||||||
|
//# sourceMappingURL=../../../.sourcemap/mp-weixin/components/LCCalendar2/LCCalendar2.js.map
|
||||||
4
unpackage/dist/dev/mp-weixin/components/LCCalendar2/LCCalendar2.json
vendored
Normal file
@@ -0,0 +1,4 @@
|
|||||||
|
{
|
||||||
|
"component": true,
|
||||||
|
"usingComponents": {}
|
||||||
|
}
|
||||||
1
unpackage/dist/dev/mp-weixin/components/LCCalendar2/LCCalendar2.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<view class="dateC"><view class="yearMonthC flex"><view class="btn" bindtap="{{b}}"><image class="icon" src="{{a}}" mode="widthFix"></image></view><view class="yearMonth flex1"><picker mode="date" fields="month" bindchange="{{d}}"><view style="display:flex;align-items:center;justify-content:center"><view style="color:#2B2B2B;font-size:32rpx;font-weight:bold">{{c}}</view></view></picker></view><view class="btn" bindtap="{{f}}"><image class="icon" src="{{e}}" mode="widthFix"></image></view></view><view style="display:grid;grid-template-columns:repeat(7, 1fr);gap:17rpx;margin:20rpx 0"><view wx:for="{{g}}" wx:for-item="item" wx:key="b" style="display:flex;align-items:center;justify-content:center;font-size:24rpx;color:#292621;font-weight:500">{{item.a}}</view></view><view class="monthDateList" style="display:grid;grid-template-columns:repeat(7, 1fr);gap:17rpx"><view wx:for="{{h}}" wx:for-item="item" wx:key="h" class="item" bindtap="{{item.i}}"><block wx:if="{{item.a}}"><view class="{{item.c}}">{{item.b}}</view></block><block wx:else><block wx:if="{{item.d}}"><view class="date notCurrentMonth">{{item.e}}</view></block><block wx:else><view class="{{item.g}}"><view>{{item.f}}</view></view></block></block></view></view></view>
|
||||||
78
unpackage/dist/dev/mp-weixin/components/LCCalendar2/LCCalendar2.wxss
vendored
Normal file
@@ -0,0 +1,78 @@
|
|||||||
|
.dateC {
|
||||||
|
background-color: white;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.dateC .yearMonthC {
|
||||||
|
background-color: #F7F7F7;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 35rpx;
|
||||||
|
}
|
||||||
|
.dateC .yearMonthC .btn {
|
||||||
|
padding: 0 32rpx;
|
||||||
|
}
|
||||||
|
.dateC .yearMonthC .btn .icon {
|
||||||
|
width: 13rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.dateC .yearMonthC .yearMonth {
|
||||||
|
font-size: 32rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #070707;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.dateC .weekList .item {
|
||||||
|
line-height: 72rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
color: #A7A7A7;
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item {
|
||||||
|
height: 72rpx;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
padding: 10rpx 0;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
font-size: 26rpx;
|
||||||
|
font-weight: bold;
|
||||||
|
color: #2A2A2A;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date .chg {
|
||||||
|
font-size: 18rpx;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date .chg.up {
|
||||||
|
color: #EC3440;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date .chg.down {
|
||||||
|
color: #38A169;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.up {
|
||||||
|
background-color: #f8f8f8;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.down {
|
||||||
|
background-color: #CEF1DE;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.select.up {
|
||||||
|
background-color: #F2C367;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.select.up .chg {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.select.down {
|
||||||
|
background-color: #38A169;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.select.down .chg {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.dateC .monthDateList .item .date.notCurrentMonth {
|
||||||
|
background-color: #FCFCFC;
|
||||||
|
color: #999;
|
||||||
|
}
|
||||||
@@ -70,7 +70,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}),
|
}),
|
||||||
h: common_assets._imports_2$14,
|
h: common_assets._imports_2$14,
|
||||||
i: common_assets._imports_3$13,
|
i: common_assets._imports_3$13,
|
||||||
j: common_assets._imports_4$10,
|
j: common_assets._imports_4$11,
|
||||||
k: common_assets._imports_2$3,
|
k: common_assets._imports_2$3,
|
||||||
l: common_vendor.f(["每股收益(EPS)", "基本每股收益", "稀释每股收益", "扣非每股收益", "每股净资产", "每股经营现金流", "每股资本公积", "每股未分配利润"], (item, index, i0) => {
|
l: common_vendor.f(["每股收益(EPS)", "基本每股收益", "稀释每股收益", "扣非每股收益", "每股净资产", "每股经营现金流", "每股资本公积", "每股未分配利润"], (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
|
|||||||
@@ -622,7 +622,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
j: common_vendor.t($data.sortTypeStr),
|
j: common_vendor.t($data.sortTypeStr),
|
||||||
k: common_assets._imports_3,
|
k: common_assets._imports_3,
|
||||||
l: common_vendor.o(($event) => $options.clickSortType()),
|
l: common_vendor.o(($event) => $options.clickSortType()),
|
||||||
m: common_assets._imports_4$1,
|
m: common_assets._imports_4$2,
|
||||||
n: common_assets._imports_3,
|
n: common_assets._imports_3,
|
||||||
o: common_vendor.o(($event) => $options.clickTransactionDate()),
|
o: common_vendor.o(($event) => $options.clickTransactionDate()),
|
||||||
p: common_vendor.s("top: " + $data.navH + "px;"),
|
p: common_vendor.s("top: " + $data.navH + "px;"),
|
||||||
|
|||||||
@@ -359,9 +359,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.chgStockData && $data.chgStockData.avg_change_pct ? common_vendor.e({
|
}, $data.chgStockData && $data.chgStockData.avg_change_pct ? common_vendor.e({
|
||||||
o: $data.getRateUpOrDown($data.chgStockData.avg_change_pct)
|
o: $data.getRateUpOrDown($data.chgStockData.avg_change_pct)
|
||||||
}, $data.getRateUpOrDown($data.chgStockData.avg_change_pct) ? {
|
}, $data.getRateUpOrDown($data.chgStockData.avg_change_pct) ? {
|
||||||
p: common_assets._imports_3$6
|
p: common_assets._imports_3$5
|
||||||
} : {
|
} : {
|
||||||
q: common_assets._imports_4$6
|
q: common_assets._imports_4$7
|
||||||
}, {
|
}, {
|
||||||
r: common_vendor.t($data.getChgRateStr($data.chgStockData.avg_change_pct)),
|
r: common_vendor.t($data.getChgRateStr($data.chgStockData.avg_change_pct)),
|
||||||
s: common_vendor.n("chg " + ($data.getRateUpOrDown($data.chgStockData.avg_change_pct) ? "down" : "up")),
|
s: common_vendor.n("chg " + ($data.getRateUpOrDown($data.chgStockData.avg_change_pct) ? "down" : "up")),
|
||||||
|
|||||||
@@ -320,7 +320,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, item.isExpand ? {
|
}, item.isExpand ? {
|
||||||
f: common_assets._imports_2$8
|
f: common_assets._imports_2$8
|
||||||
} : {
|
} : {
|
||||||
g: common_assets._imports_3$7
|
g: common_assets._imports_3$6
|
||||||
}, {
|
}, {
|
||||||
h: common_vendor.o(($event) => $options.clickExpandOrRetract(index), index),
|
h: common_vendor.o(($event) => $options.clickExpandOrRetract(index), index),
|
||||||
i: item.isExpand
|
i: item.isExpand
|
||||||
|
|||||||
88
unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.js
vendored
Normal file
@@ -0,0 +1,88 @@
|
|||||||
|
"use strict";
|
||||||
|
const common_vendor = require("../../common/vendor.js");
|
||||||
|
const common_assets = require("../../common/assets.js");
|
||||||
|
const _sfc_main = {
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
navH: common_vendor.inject("navHeight"),
|
||||||
|
contentTop: "",
|
||||||
|
topLists: [
|
||||||
|
{
|
||||||
|
title: "超大盘股",
|
||||||
|
value: "(>1000亿)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "大盘股",
|
||||||
|
value: "(500-1000亿)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "中盘股",
|
||||||
|
value: "(100-500亿)"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
list2Index: 0
|
||||||
|
};
|
||||||
|
},
|
||||||
|
onLoad(e) {
|
||||||
|
this.activeIndex = e.index;
|
||||||
|
this.contentTop = this.navH + (20 + 70 + 25) / 750 * common_vendor.inject("windowWidth");
|
||||||
|
},
|
||||||
|
methods: {}
|
||||||
|
};
|
||||||
|
if (!Array) {
|
||||||
|
const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
|
||||||
|
_easycom_navBar2();
|
||||||
|
}
|
||||||
|
const _easycom_navBar = () => "../../components/navBar/navBar.js";
|
||||||
|
if (!Math) {
|
||||||
|
_easycom_navBar();
|
||||||
|
}
|
||||||
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
|
return {
|
||||||
|
a: common_vendor.p({
|
||||||
|
leftText: "详情",
|
||||||
|
hideNavBg: true
|
||||||
|
}),
|
||||||
|
b: common_assets._imports_0,
|
||||||
|
c: common_assets._imports_1,
|
||||||
|
d: common_vendor.o(($event) => _ctx.clickSearch()),
|
||||||
|
e: _ctx.keywords,
|
||||||
|
f: common_vendor.o(($event) => _ctx.keywords = $event.detail.value),
|
||||||
|
g: common_vendor.s("top:" + $data.navH + "px;"),
|
||||||
|
h: common_vendor.f($data.topLists, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.t(item.title),
|
||||||
|
b: $data.list2Index == index ? "#BB8520" : "#070707",
|
||||||
|
c: common_vendor.t(item.value),
|
||||||
|
d: $data.list2Index == index ? "#BB8520" : "#070707",
|
||||||
|
e: common_vendor.o(($event) => $data.list2Index = index, index),
|
||||||
|
f: index,
|
||||||
|
g: $data.list2Index == index ? "1rpx solid #F2C369" : "none"
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
i: common_vendor.f(["股票名称", "涨跌幅", "市值", "成交额", "行业"], (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.t(item),
|
||||||
|
b: index
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
j: common_vendor.f(10, (obj, j, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.f(["云南白药", "+0.04%", "996.85 亿元", "4.44 亿元", "医药生物"], (item, index, i1) => {
|
||||||
|
return common_vendor.e({
|
||||||
|
a: common_vendor.t(item),
|
||||||
|
b: index == 0
|
||||||
|
}, index == 0 ? {} : {}, {
|
||||||
|
c: index,
|
||||||
|
d: index == 0 ? "#222222" : index == 1 ? "#EC3440" : "#666666"
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
b: j % 2 == 0 ? "#fff" : "#FAFAFC"
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
k: common_vendor.s("top:" + $data.contentTop + "px;")
|
||||||
|
};
|
||||||
|
}
|
||||||
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||||
|
wx.createPage(MiniProgramPage);
|
||||||
|
//# sourceMappingURL=../../../.sourcemap/mp-weixin/pages/geGuCenter/detail.js.map
|
||||||
6
unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.json
vendored
Normal file
@@ -0,0 +1,6 @@
|
|||||||
|
{
|
||||||
|
"navigationBarTitleText": "",
|
||||||
|
"usingComponents": {
|
||||||
|
"nav-bar": "../../components/navBar/navBar"
|
||||||
|
}
|
||||||
|
}
|
||||||
1
unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.wxml
vendored
Normal file
@@ -0,0 +1 @@
|
|||||||
|
<view><nav-bar wx:if="{{a}}" u-i="c1599384-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="searchC fixed flex" style="{{g}}"><image class="icon" src="{{c}}" mode="widthFix"></image><input class="flex1" type="text" placeholder="输入股票代码或名称" placeholder-style="color:#eeeeee" confirm-type="search" bindconfirm="{{d}}" value="{{e}}" bindinput="{{f}}"/></view><scroll-view scroll-y class="stockDetailsC fixed" style="{{k}}"><view><view style="display:grid;grid-template-columns:repeat(3, 1fr);gap:16rpx;margin:0 20rpx"><view wx:for="{{h}}" wx:for-item="item" wx:key="f" bindtap="{{item.e}}" style="{{'padding:12rpx' + ';' + ('border-bottom:' + item.g)}}"><view style="{{'font-size:24rpx;color:#070707;font-weight:bold;text-align:center' + ';' + ('color:' + item.b)}}">{{item.a}}</view><view style="{{'font-size:20rpx;font-weight:400;text-align:center' + ';' + ('color:' + item.d)}}">{{item.c}}</view></view></view><view style="height:1rpx;margin:0 20rpx;background-color:#E7E7E7"></view><view style="display:grid;grid-template-columns:repeat(5, 1fr);gap:10rpx;background-color:#FAFAFC;line-height:60rpx;margin:0 20rpx;margin-top:20rpx"><view wx:for="{{i}}" wx:for-item="item" wx:key="b" style="color:#666666;font-size:20rpx;font-weight:500;text-align:center">{{item.a}}</view></view><view wx:for="{{j}}" wx:for-item="obj" style="{{'display:grid;grid-template-columns:repeat(5, 1fr);gap:10rpx;min-height:60rpx;margin:0 20rpx' + ';' + ('background-color:' + obj.b)}}"><view wx:for="{{obj.a}}" wx:for-item="item" wx:key="c" style="{{'padding:10rpx 0;color:#666666;font-size:20rpx;font-weight:500;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column' + ';' + ('color:' + item.d)}}"><view>{{item.a}}</view><view wx:if="{{item.b}}" style="color:#666666;font-size:20rpx;font-weight:500">000768</view></view></view><view style="height:25rpx"></view></view></scroll-view></view>
|
||||||
36
unpackage/dist/dev/mp-weixin/pages/geGuCenter/detail.wxss
vendored
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
page {
|
||||||
|
background-color: #070707;
|
||||||
|
}
|
||||||
|
.topBg {
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.searchC {
|
||||||
|
background-color: #292929B3;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
margin: 20rpx 25rpx 0;
|
||||||
|
padding: 0 25rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 35rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.searchC .icon {
|
||||||
|
margin-right: 12rpx;
|
||||||
|
width: 25rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.searchC input {
|
||||||
|
height: 100%;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.stockDetailsC {
|
||||||
|
left: 25rpx;
|
||||||
|
width: calc(100vw - 50rpx);
|
||||||
|
bottom: env(safe-area-inset-bottom);
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
@@ -5,22 +5,133 @@ const _sfc_main = {
|
|||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
navH: common_vendor.inject("navHeight"),
|
navH: common_vendor.inject("navHeight"),
|
||||||
contentTop: ""
|
contentTop: "",
|
||||||
|
topLists: [
|
||||||
|
{
|
||||||
|
title: "大盘涨跌幅",
|
||||||
|
value: "+0.31%",
|
||||||
|
color: "#EC3440",
|
||||||
|
backIcon: "/static/icon/gegu/gg-top-0.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "涨停/跌停",
|
||||||
|
value: "+0.31%",
|
||||||
|
color: "#070707",
|
||||||
|
backIcon: "/static/icon/gegu/gg-top-1.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "多空对比",
|
||||||
|
value: "3572/1855",
|
||||||
|
color: "#070707",
|
||||||
|
backIcon: "/static/icon/gegu/gg-top-2.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "今日成交额",
|
||||||
|
value: "1.5万亿",
|
||||||
|
color: "#070707",
|
||||||
|
backIcon: "/static/icon/gegu/gg-top-3.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "A股总市值",
|
||||||
|
value: "113.8万亿",
|
||||||
|
color: "#070707",
|
||||||
|
backIcon: "/static/icon/gegu/gg-top-4.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "连板龙头",
|
||||||
|
value: "10只",
|
||||||
|
color: "#F59B38",
|
||||||
|
backIcon: "/static/icon/gegu/gg-top-5.png"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
topLists2: [
|
||||||
|
{
|
||||||
|
title: "超大盘股",
|
||||||
|
value: "(>1000亿)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "大盘股",
|
||||||
|
value: "(500-1000亿)"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "中盘股",
|
||||||
|
value: "(100-500亿)"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
list2Index: 0,
|
||||||
|
typeList: [
|
||||||
|
{
|
||||||
|
title: "缩量急涨",
|
||||||
|
backIcon: "/static/icon/gegu/cate-0.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "异动",
|
||||||
|
backIcon: "/static/icon/gegu/cate-1.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "急跌",
|
||||||
|
backIcon: "/static/icon/gegu/cate-2.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "急涨",
|
||||||
|
backIcon: "/static/icon/gegu/cate-3.png"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "放量震荡",
|
||||||
|
backIcon: "/static/icon/gegu/cate-4.png"
|
||||||
|
}
|
||||||
|
]
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
onLoad(e) {
|
onLoad(e) {
|
||||||
this.activeIndex = e.index;
|
this.activeIndex = e.index;
|
||||||
this.contentTop = this.navH + 20 / 750 * common_vendor.inject("windowWidth");
|
this.contentTop = this.navH + (20 + 70 + 25) / 750 * common_vendor.inject("windowWidth");
|
||||||
},
|
},
|
||||||
methods: {}
|
methods: {
|
||||||
|
moreAction() {
|
||||||
|
common_vendor.index.navigateTo({
|
||||||
|
url: "/pages/geGuCenter/detail"
|
||||||
|
});
|
||||||
|
},
|
||||||
|
allAction(index) {
|
||||||
|
if (index == 1) {
|
||||||
|
this.$refs["typePopup"].open();
|
||||||
|
} else if (index == 2) {
|
||||||
|
this.$refs["datePopup"].open();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
closeAction(index) {
|
||||||
|
if (index == 1) {
|
||||||
|
this.$refs["typePopup"].close();
|
||||||
|
} else if (index == 2) {
|
||||||
|
this.$refs["datePopup"].close();
|
||||||
|
} else if (index == 3) {
|
||||||
|
this.$refs["detailPopup"].close();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
confirmAction(index) {
|
||||||
|
if (index == 1) {
|
||||||
|
this.$refs["typePopup"].close();
|
||||||
|
} else if (index == 2) {
|
||||||
|
this.$refs["datePopup"].close();
|
||||||
|
}
|
||||||
|
},
|
||||||
|
bkydAction(item) {
|
||||||
|
this.$refs["detailPopup"].open();
|
||||||
|
}
|
||||||
|
}
|
||||||
};
|
};
|
||||||
if (!Array) {
|
if (!Array) {
|
||||||
const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
|
const _easycom_navBar2 = common_vendor.resolveComponent("navBar");
|
||||||
_easycom_navBar2();
|
const _easycom_uni_popup2 = common_vendor.resolveComponent("uni-popup");
|
||||||
|
const _easycom_LCCalendar22 = common_vendor.resolveComponent("LCCalendar2");
|
||||||
|
(_easycom_navBar2 + _easycom_uni_popup2 + _easycom_LCCalendar22)();
|
||||||
}
|
}
|
||||||
const _easycom_navBar = () => "../../components/navBar/navBar.js";
|
const _easycom_navBar = () => "../../components/navBar/navBar.js";
|
||||||
|
const _easycom_uni_popup = () => "../../uni_modules/uni-popup/components/uni-popup/uni-popup.js";
|
||||||
|
const _easycom_LCCalendar2 = () => "../../components/LCCalendar2/LCCalendar2.js";
|
||||||
if (!Math) {
|
if (!Math) {
|
||||||
_easycom_navBar();
|
(_easycom_navBar + _easycom_uni_popup + _easycom_LCCalendar2)();
|
||||||
}
|
}
|
||||||
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
||||||
return {
|
return {
|
||||||
@@ -30,7 +141,101 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
hideBack: true
|
hideBack: true
|
||||||
}),
|
}),
|
||||||
b: common_assets._imports_0,
|
b: common_assets._imports_0,
|
||||||
c: common_vendor.s("top:" + $data.contentTop + "px;")
|
c: common_assets._imports_1,
|
||||||
|
d: common_vendor.o(($event) => _ctx.clickSearch()),
|
||||||
|
e: _ctx.keywords,
|
||||||
|
f: common_vendor.o(($event) => _ctx.keywords = $event.detail.value),
|
||||||
|
g: common_vendor.s("top:" + $data.navH + "px;"),
|
||||||
|
h: common_vendor.f($data.topLists, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: item.backIcon,
|
||||||
|
b: common_vendor.t(item.title),
|
||||||
|
c: common_vendor.t(item.value),
|
||||||
|
d: item.color,
|
||||||
|
e: index
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
i: common_vendor.f($data.topLists2, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.t(item.title),
|
||||||
|
b: $data.list2Index == index ? "#BB8520" : "#070707",
|
||||||
|
c: $data.list2Index == index ? "#FFFAF1" : "#FFFFFF",
|
||||||
|
d: common_vendor.t(item.value),
|
||||||
|
e: $data.list2Index == index ? "#BB8520" : "#070707",
|
||||||
|
f: common_vendor.o(($event) => $data.list2Index = index, index),
|
||||||
|
g: index,
|
||||||
|
h: `1rpx solid ${$data.list2Index == index ? "#F2C369" : "#D2D2D2"}`
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
j: common_vendor.f(["股票名称", "涨跌幅", "市值", "成交额", "行业"], (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.t(item),
|
||||||
|
b: index
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
k: common_vendor.f(10, (obj, j, i0) => {
|
||||||
|
return {
|
||||||
|
a: common_vendor.f(["云南白药", "+0.04%", "996.85 亿元", "4.44 亿元", "医药生物"], (item, index, i1) => {
|
||||||
|
return common_vendor.e({
|
||||||
|
a: common_vendor.t(item),
|
||||||
|
b: index == 0
|
||||||
|
}, index == 0 ? {} : {}, {
|
||||||
|
c: index,
|
||||||
|
d: index == 0 ? "#222222" : index == 1 ? "#EC3440" : "#666666"
|
||||||
|
});
|
||||||
|
}),
|
||||||
|
b: j % 2 == 0 ? "#fff" : "#FAFAFC"
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
l: common_assets._imports_2$3,
|
||||||
|
m: common_vendor.o((...args) => $options.moreAction && $options.moreAction(...args)),
|
||||||
|
n: common_assets._imports_3$9,
|
||||||
|
o: common_assets._imports_4$1,
|
||||||
|
p: common_vendor.o(($event) => $options.allAction(1)),
|
||||||
|
q: common_assets._imports_4$1,
|
||||||
|
r: common_vendor.o(($event) => $options.allAction(2)),
|
||||||
|
s: common_assets._imports_3$9,
|
||||||
|
t: common_vendor.f(10, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: index,
|
||||||
|
b: common_vendor.o(($event) => $options.bkydAction(item), index)
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
v: common_assets._imports_5$4,
|
||||||
|
w: common_vendor.s("top:" + $data.contentTop + "px;"),
|
||||||
|
x: common_vendor.o(($event) => $options.closeAction(1)),
|
||||||
|
y: common_vendor.o(($event) => $options.confirmAction(1)),
|
||||||
|
z: common_vendor.f($data.typeList, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: item.backIcon,
|
||||||
|
b: common_vendor.t(item.title),
|
||||||
|
c: index
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
A: common_vendor.sr("typePopup", "6aaf1d64-1"),
|
||||||
|
B: common_vendor.p({
|
||||||
|
type: "bottom",
|
||||||
|
safeArea: false
|
||||||
|
}),
|
||||||
|
C: common_vendor.o(($event) => $options.closeAction(2)),
|
||||||
|
D: common_vendor.o(($event) => $options.confirmAction(2)),
|
||||||
|
E: common_vendor.sr("datePopup", "6aaf1d64-2"),
|
||||||
|
F: common_vendor.p({
|
||||||
|
type: "bottom",
|
||||||
|
safeArea: false
|
||||||
|
}),
|
||||||
|
G: common_assets._imports_13$1,
|
||||||
|
H: common_vendor.o(($event) => $options.closeAction(3)),
|
||||||
|
I: common_vendor.f(10, (item, index, i0) => {
|
||||||
|
return {
|
||||||
|
a: index % 2 == 0 ? "#fff" : "#FAFAFC"
|
||||||
|
};
|
||||||
|
}),
|
||||||
|
J: common_vendor.sr("detailPopup", "6aaf1d64-4"),
|
||||||
|
K: common_vendor.p({
|
||||||
|
type: "bottom",
|
||||||
|
safeArea: false
|
||||||
|
})
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||||
|
|||||||
@@ -1,6 +1,8 @@
|
|||||||
{
|
{
|
||||||
"navigationBarTitleText": "",
|
"navigationBarTitleText": "",
|
||||||
"usingComponents": {
|
"usingComponents": {
|
||||||
"nav-bar": "../../components/navBar/navBar"
|
"nav-bar": "../../components/navBar/navBar",
|
||||||
|
"uni-popup": "../../uni_modules/uni-popup/components/uni-popup/uni-popup",
|
||||||
|
"l-c-calendar2": "../../components/LCCalendar2/LCCalendar2"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -7,8 +7,37 @@ page {
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.stockDetailsC {
|
.searchC {
|
||||||
|
background-color: #292929B3;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
bottom: calc(55px + env(safe-area-inset-bottom));
|
margin: 20rpx 25rpx 0;
|
||||||
|
padding: 0 25rpx;
|
||||||
|
height: 70rpx;
|
||||||
|
border-radius: 35rpx;
|
||||||
|
font-size: 22rpx;
|
||||||
|
font-weight: 500;
|
||||||
|
}
|
||||||
|
.searchC .icon {
|
||||||
|
margin-right: 12rpx;
|
||||||
|
width: 25rpx;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
.searchC input {
|
||||||
|
height: 100%;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
.stockDetailsC {
|
||||||
|
left: 25rpx;
|
||||||
|
width: calc(100vw - 50rpx);
|
||||||
|
bottom: calc(55px + env(safe-area-inset-bottom));
|
||||||
|
background-color: white;
|
||||||
|
border-radius: 10rpx;
|
||||||
|
}
|
||||||
|
.detailPopup {
|
||||||
|
max-height: 70%;
|
||||||
|
background-color: white;
|
||||||
|
color: red;
|
||||||
|
border-radius: 20rpx 20rpx 0 0;
|
||||||
|
padding-bottom: env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -531,9 +531,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
} : {}, {
|
} : {}, {
|
||||||
r: $data.selectCategory == 2
|
r: $data.selectCategory == 2
|
||||||
}, $data.selectCategory == 2 ? {
|
}, $data.selectCategory == 2 ? {
|
||||||
s: common_assets._imports_3$4,
|
s: common_assets._imports_3$3,
|
||||||
t: common_vendor.t($data.expectScore),
|
t: common_vendor.t($data.expectScore),
|
||||||
v: common_assets._imports_4$3,
|
v: common_assets._imports_4$4,
|
||||||
w: common_vendor.o(($event) => $options.clickExpectScore($event)),
|
w: common_vendor.o(($event) => $options.clickExpectScore($event)),
|
||||||
x: common_vendor.f($data.historyEventList, (item, index, i0) => {
|
x: common_vendor.f($data.historyEventList, (item, index, i0) => {
|
||||||
return common_vendor.e({
|
return common_vendor.e({
|
||||||
@@ -562,7 +562,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
});
|
});
|
||||||
}),
|
}),
|
||||||
y: common_assets._imports_5$1,
|
y: common_assets._imports_5$1,
|
||||||
z: common_assets._imports_3$4
|
z: common_assets._imports_3$3
|
||||||
} : {}, {
|
} : {}, {
|
||||||
A: common_vendor.s("top:" + $data.navH + "px;"),
|
A: common_vendor.s("top:" + $data.navH + "px;"),
|
||||||
B: common_vendor.o(($event) => $options.loadMoreData())
|
B: common_vendor.o(($event) => $options.loadMoreData())
|
||||||
|
|||||||
@@ -487,7 +487,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.isExpand ? {
|
}, $data.isExpand ? {
|
||||||
q: common_assets._imports_2$2
|
q: common_assets._imports_2$2
|
||||||
} : {
|
} : {
|
||||||
r: common_assets._imports_3$2
|
r: common_assets._imports_4$1
|
||||||
}, {
|
}, {
|
||||||
s: common_vendor.o(($event) => $options.clickExpandOrRetract()),
|
s: common_vendor.o(($event) => $options.clickExpandOrRetract()),
|
||||||
t: common_vendor.f($data.tabList, (item, index, i0) => {
|
t: common_vendor.f($data.tabList, (item, index, i0) => {
|
||||||
|
|||||||
@@ -167,9 +167,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
m: common_vendor.o(($event) => $options.clickOneClickLogin()),
|
m: common_vendor.o(($event) => $options.clickOneClickLogin()),
|
||||||
n: $data.isAgree
|
n: $data.isAgree
|
||||||
}, $data.isAgree ? {
|
}, $data.isAgree ? {
|
||||||
o: common_assets._imports_3$5
|
o: common_assets._imports_3$4
|
||||||
} : {
|
} : {
|
||||||
p: common_assets._imports_4$5
|
p: common_assets._imports_4$6
|
||||||
}, {
|
}, {
|
||||||
q: common_vendor.o(($event) => $options.clickAgree())
|
q: common_vendor.o(($event) => $options.clickAgree())
|
||||||
});
|
});
|
||||||
|
|||||||
@@ -174,9 +174,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
g: common_vendor.o(($event) => $options.clickCodeLogin()),
|
g: common_vendor.o(($event) => $options.clickCodeLogin()),
|
||||||
h: $data.isAgree
|
h: $data.isAgree
|
||||||
}, $data.isAgree ? {
|
}, $data.isAgree ? {
|
||||||
i: common_assets._imports_3$5
|
i: common_assets._imports_3$4
|
||||||
} : {
|
} : {
|
||||||
j: common_assets._imports_4$5
|
j: common_assets._imports_4$6
|
||||||
}, {
|
}, {
|
||||||
k: common_vendor.o(($event) => $options.clickAgree()),
|
k: common_vendor.o(($event) => $options.clickAgree()),
|
||||||
l: common_vendor.o(($event) => $options.clickProtocol(2)),
|
l: common_vendor.o(($event) => $options.clickProtocol(2)),
|
||||||
|
|||||||
@@ -145,7 +145,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
});
|
});
|
||||||
}),
|
}),
|
||||||
d: common_assets._imports_3$1,
|
d: common_assets._imports_3$1,
|
||||||
e: common_assets._imports_4$4,
|
e: common_assets._imports_4$5,
|
||||||
f: common_vendor.s("top:" + $data.navH + "px;")
|
f: common_vendor.s("top:" + $data.navH + "px;")
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -191,8 +191,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
d: common_vendor.o(($event) => $options.clickMenuItem(item.url, index), index)
|
d: common_vendor.o(($event) => $options.clickMenuItem(item.url, index), index)
|
||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
x: common_assets._imports_3$3,
|
x: common_assets._imports_3$2,
|
||||||
y: common_assets._imports_4$2,
|
y: common_assets._imports_4$3,
|
||||||
z: common_vendor.sr("popup", "6c6f94e4-0"),
|
z: common_vendor.sr("popup", "6c6f94e4-0"),
|
||||||
A: common_vendor.p({
|
A: common_vendor.p({
|
||||||
type: "center"
|
type: "center"
|
||||||
|
|||||||
@@ -183,8 +183,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
f: common_vendor.o(($event) => $data.keywords = $event.detail.value),
|
f: common_vendor.o(($event) => $data.keywords = $event.detail.value),
|
||||||
g: common_vendor.s("top:" + $data.navH + "px;"),
|
g: common_vendor.s("top:" + $data.navH + "px;"),
|
||||||
h: common_assets._imports_2$10,
|
h: common_assets._imports_2$10,
|
||||||
i: common_assets._imports_3$9,
|
i: common_assets._imports_3$8,
|
||||||
j: common_assets._imports_4$8,
|
j: common_assets._imports_4$9,
|
||||||
k: common_assets._imports_5$3,
|
k: common_assets._imports_5$3,
|
||||||
l: common_vendor.f($data.tabList, (item, index, i0) => {
|
l: common_vendor.f($data.tabList, (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
@@ -277,9 +277,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
Q: _ctx.eventComment,
|
Q: _ctx.eventComment,
|
||||||
R: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
|
R: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
|
||||||
S: common_assets._imports_2$9,
|
S: common_assets._imports_2$9,
|
||||||
T: common_assets._imports_3$8,
|
T: common_assets._imports_3$7,
|
||||||
U: common_vendor.o(($event) => _ctx.clickComment()),
|
U: common_vendor.o(($event) => _ctx.clickComment()),
|
||||||
V: common_assets._imports_4$7,
|
V: common_assets._imports_4$8,
|
||||||
W: common_vendor.o(($event) => _ctx.clickFollow()),
|
W: common_vendor.o(($event) => _ctx.clickFollow()),
|
||||||
X: common_assets._imports_13$1,
|
X: common_assets._imports_13$1,
|
||||||
Y: common_assets._imports_8$2,
|
Y: common_assets._imports_8$2,
|
||||||
|
|||||||
@@ -163,8 +163,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
k: common_assets._imports_1$10,
|
k: common_assets._imports_1$10,
|
||||||
l: common_assets._imports_5$4,
|
l: common_assets._imports_5$5,
|
||||||
m: common_assets._imports_5$4,
|
m: common_assets._imports_5$5,
|
||||||
n: common_vendor.s("top:" + $data.contentTop + "px;")
|
n: common_vendor.s("top:" + $data.contentTop + "px;")
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -127,11 +127,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
k: common_assets._imports_3$11
|
k: common_assets._imports_3$11
|
||||||
} : {
|
} : {
|
||||||
l: common_assets._imports_4$9
|
l: common_assets._imports_4$10
|
||||||
}, {
|
}, {
|
||||||
m: $data.memberInfo.is_member
|
m: $data.memberInfo.is_member
|
||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
n: common_assets._imports_5$5
|
n: common_assets._imports_5$6
|
||||||
} : {
|
} : {
|
||||||
o: common_assets._imports_6$2
|
o: common_assets._imports_6$2
|
||||||
}, {
|
}, {
|
||||||
@@ -174,11 +174,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
J: common_assets._imports_3$11
|
J: common_assets._imports_3$11
|
||||||
} : {
|
} : {
|
||||||
K: common_assets._imports_4$9
|
K: common_assets._imports_4$10
|
||||||
}, {
|
}, {
|
||||||
L: $data.memberInfo.is_member
|
L: $data.memberInfo.is_member
|
||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
M: common_assets._imports_5$5
|
M: common_assets._imports_5$6
|
||||||
} : {
|
} : {
|
||||||
N: common_assets._imports_6$2
|
N: common_assets._imports_6$2
|
||||||
}, {
|
}, {
|
||||||
@@ -187,11 +187,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
Q: common_assets._imports_3$11
|
Q: common_assets._imports_3$11
|
||||||
} : {
|
} : {
|
||||||
R: common_assets._imports_4$9
|
R: common_assets._imports_4$10
|
||||||
}, {
|
}, {
|
||||||
S: $data.memberInfo.is_member
|
S: $data.memberInfo.is_member
|
||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
T: common_assets._imports_5$5
|
T: common_assets._imports_5$6
|
||||||
} : {}, {
|
} : {}, {
|
||||||
U: common_assets._imports_6$2,
|
U: common_assets._imports_6$2,
|
||||||
V: common_assets._imports_17,
|
V: common_assets._imports_17,
|
||||||
@@ -199,11 +199,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
X: common_assets._imports_3$11
|
X: common_assets._imports_3$11
|
||||||
} : {
|
} : {
|
||||||
Y: common_assets._imports_4$9
|
Y: common_assets._imports_4$10
|
||||||
}, {
|
}, {
|
||||||
Z: $data.memberInfo.is_member
|
Z: $data.memberInfo.is_member
|
||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
aa: common_assets._imports_5$5
|
aa: common_assets._imports_5$6
|
||||||
} : {
|
} : {
|
||||||
ab: common_assets._imports_6$2
|
ab: common_assets._imports_6$2
|
||||||
}, {
|
}, {
|
||||||
|
|||||||
@@ -95,11 +95,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
k: common_assets._imports_3$11
|
k: common_assets._imports_3$11
|
||||||
} : {
|
} : {
|
||||||
l: common_assets._imports_4$9
|
l: common_assets._imports_4$10
|
||||||
}, {
|
}, {
|
||||||
m: $data.memberInfo.is_member
|
m: $data.memberInfo.is_member
|
||||||
}, $data.memberInfo.is_member ? {
|
}, $data.memberInfo.is_member ? {
|
||||||
n: common_assets._imports_5$5
|
n: common_assets._imports_5$6
|
||||||
} : {
|
} : {
|
||||||
o: common_assets._imports_6$2
|
o: common_assets._imports_6$2
|
||||||
}, {
|
}, {
|
||||||
|
|||||||
@@ -105,14 +105,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
c: common_vendor.f($data.bkList, (item, index, i0) => {
|
c: common_vendor.f($data.bkList, (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
a: common_vendor.t(item.title),
|
a: common_vendor.t(item.title),
|
||||||
b: common_vendor.o(($event) => $data.activeIndex = index, index),
|
b: "tab-" + index,
|
||||||
c: index,
|
c: common_vendor.o(($event) => $data.activeIndex = index, index),
|
||||||
d: $data.activeIndex == index ? "#2B2B2B" : "#999999",
|
d: index,
|
||||||
e: $data.activeIndex == index ? "1rpx solid #F2C369" : "none",
|
e: $data.activeIndex == index ? "#2B2B2B" : "#999999",
|
||||||
f: $data.activeIndex == index ? "28rpx" : "26rpx"
|
f: $data.activeIndex == index ? "1rpx solid #F2C369" : "none",
|
||||||
|
g: $data.activeIndex == index ? "28rpx" : "26rpx"
|
||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
d: common_vendor.f($data.bkFilters, (item, index, i0) => {
|
d: "tab-" + $data.activeIndex,
|
||||||
|
e: common_vendor.f($data.bkFilters, (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
a: common_vendor.t(item),
|
a: common_vendor.t(item),
|
||||||
b: common_vendor.o(($event) => $data.filterIndex = index, index),
|
b: common_vendor.o(($event) => $data.filterIndex = index, index),
|
||||||
@@ -122,20 +124,20 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
f: index
|
f: index
|
||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
e: common_vendor.f(["名称", "涨幅", "连板", "板块"], (item, index, i0) => {
|
f: common_vendor.f(["名称", "涨幅", "连板", "板块"], (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
a: common_vendor.t(item),
|
a: common_vendor.t(item),
|
||||||
b: index,
|
b: index,
|
||||||
c: index == 0 ? "left" : "center"
|
c: index == 0 ? "left" : "center"
|
||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
f: common_vendor.f(30, (item, index, i0) => {
|
g: common_vendor.f(30, (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
a: index % 2 == 0 ? "#fff" : "#FAFAFC"
|
a: index % 2 == 0 ? "#fff" : "#FAFAFC"
|
||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
g: common_assets._imports_1$10,
|
h: common_assets._imports_1$10,
|
||||||
h: common_vendor.s("top:" + $data.contentTop + "px;")
|
i: common_vendor.s("top:" + $data.contentTop + "px;")
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
const MiniProgramPage = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render]]);
|
||||||
|
|||||||
@@ -1 +1 @@
|
|||||||
<view><nav-bar wx:if="{{a}}" u-i="c81f2840-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="stockDetailsC fixed" style="{{'background-color:white;border-radius:10rpx;overflow:hidden;margin:25rpx' + ';' + h}}"><view style="height:86rpx"><scroll-view scroll-x style="white-space:nowrap;height:100%"><view style="display:flex;align-items:center;height:100%;font-weight:500"><view wx:for="{{c}}" wx:for-item="item" wx:key="c" bindtap="{{item.b}}" style="{{'display:flex;align-items:center;justify-content:center;line-height:85rpx;margin:0 20rpx' + ';' + ('color:' + item.d + ';' + ('border-bottom:' + item.e) + ';' + ('font-size:' + item.f))}}">{{item.a}}</view></view></scroll-view></view><view style="height:1rpx;background-color:#E7E7E7;margin:0 20rpx"></view><view style="height:48rpx;display:grid;grid-template-columns:repeat(3, 1fr);gap:10rpx;margin:23rpx 40rpx"><view wx:for="{{d}}" wx:for-item="item" wx:key="f" bindtap="{{item.b}}" style="{{'height:45rpx;display:flex;align-items:center;justify-content:center;color:#939393;font-size:24rpx;font-weight:500;border-radius:5rpx' + ';' + ('color:' + item.c + ';' + ('border:' + item.d) + ';' + ('background-color:' + item.e))}}">{{item.a}}</view></view><view style="margin:0 20rpx;background-color:#FAFAFC;display:grid;grid-template-columns:35% 20% 20% 25%"><view wx:for="{{e}}" wx:for-item="item" wx:key="b" style="{{'font-size:22rpx;color:#666666;padding:0 15rpx;box-sizing:border-box;font-weight:500;line-height:60rpx' + ';' + ('text-align:' + item.c)}}">{{item.a}}</view></view><scroll-view scroll-y style="position:absolute;top:241rpx;left:0;right:0;bottom:0;font-size:20rpx;font-weight:500"><view wx:for="{{f}}" wx:for-item="item" style="{{'margin:0 20rpx;display:grid;grid-template-columns:35% 20% 20% 25%' + ';' + ('background-color:' + item.a)}}"><view style="display:flex;align-items:center;color:#666666;height:60rpx"><view style="display:flex;align-items:center;background-color:#FFF0E6;border-radius:5rpx;padding:0 10rpx;margin-left:14rpx"><image style="width:15rpx;height:17rpx" src="{{g}}" mode="widthFix"></image><view style="color:#F97316;margin-left:5rpx">跟风</view></view><view style="margin-left:10rpx">康强电子</view></view><view style="display:flex;align-items:center;justify-content:center"><view style="font-size:24rpx;color:#EC3440;font-weight:bold">+10.00%</view></view><view style="display:flex;align-items:center;justify-content:center"><view style="color:#F3B800;padding:0 10rpx;border-radius:5rpx;background-color:#FFF9E6;border:1rpx solid #F3B800;display:flex;align-items:center;justify-content:center">2连板</view></view><view style="display:flex;align-items:center;justify-content:center"><view style="background-color:#F4EFFF;border-radius:5rpx;padding:0 10rpx;color:#8B5CF6">芯片(封装材料)</view></view></view></scroll-view></view></view>
|
<view><nav-bar wx:if="{{a}}" u-i="c81f2840-0" bind:__l="__l" u-p="{{a}}"></nav-bar><image class="topBg absolute" src="{{b}}" mode="widthFix"></image><view class="stockDetailsC fixed" style="{{'background-color:white;border-radius:10rpx;overflow:hidden' + ';' + i}}"><view style="height:86rpx"><scroll-view scroll-x style="white-space:nowrap;height:100%;padding:0 20rpx;box-sizing:border-box" scroll-with-animation scroll-into-view="{{d}}"><view style="display:flex;align-items:center;height:100%;font-weight:500"><view wx:for="{{c}}" wx:for-item="item" wx:key="d" id="{{item.b}}" bindtap="{{item.c}}" style="{{'display:flex;align-items:center;justify-content:center;line-height:85rpx;margin:0 20rpx' + ';' + ('color:' + item.e + ';' + ('border-bottom:' + item.f) + ';' + ('font-size:' + item.g))}}">{{item.a}}</view></view></scroll-view></view><view style="height:1rpx;background-color:#E7E7E7;margin:0 20rpx"></view><view style="height:48rpx;display:grid;grid-template-columns:repeat(3, 1fr);gap:10rpx;margin:23rpx 40rpx"><view wx:for="{{e}}" wx:for-item="item" wx:key="f" bindtap="{{item.b}}" style="{{'height:45rpx;display:flex;align-items:center;justify-content:center;color:#939393;font-size:24rpx;font-weight:500;border-radius:5rpx' + ';' + ('color:' + item.c + ';' + ('border:' + item.d) + ';' + ('background-color:' + item.e))}}">{{item.a}}</view></view><view style="margin:0 20rpx;background-color:#FAFAFC;display:grid;grid-template-columns:35% 20% 20% 25%"><view wx:for="{{f}}" wx:for-item="item" wx:key="b" style="{{'font-size:22rpx;color:#666666;padding:0 15rpx;box-sizing:border-box;font-weight:500;line-height:60rpx' + ';' + ('text-align:' + item.c)}}">{{item.a}}</view></view><scroll-view scroll-y style="position:absolute;top:241rpx;left:0;right:0;bottom:0;font-size:20rpx;font-weight:500"><view wx:for="{{g}}" wx:for-item="item" style="{{'margin:0 20rpx;display:grid;grid-template-columns:35% 20% 20% 25%' + ';' + ('background-color:' + item.a)}}"><view style="display:flex;align-items:center;color:#666666;height:60rpx"><view style="display:flex;align-items:center;background-color:#FFF0E6;border-radius:5rpx;padding:0 10rpx;margin-left:14rpx"><image style="width:15rpx;height:17rpx" src="{{h}}" mode="widthFix"></image><view style="color:#F97316;margin-left:5rpx">跟风</view></view><view style="margin-left:10rpx">康强电子</view></view><view style="display:flex;align-items:center;justify-content:center"><view style="font-size:24rpx;color:#EC3440;font-weight:bold">+10.00%</view></view><view style="display:flex;align-items:center;justify-content:center"><view style="color:#F3B800;padding:0 10rpx;border-radius:5rpx;background-color:#FFF9E6;border:1rpx solid #F3B800;display:flex;align-items:center;justify-content:center">2连板</view></view><view style="display:flex;align-items:center;justify-content:center"><view style="background-color:#F4EFFF;border-radius:5rpx;padding:0 10rpx;color:#8B5CF6">芯片(封装材料)</view></view></view></scroll-view></view></view>
|
||||||
@@ -8,7 +8,8 @@ page {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
.stockDetailsC {
|
.stockDetailsC {
|
||||||
left: 0;
|
left: 25rpx;
|
||||||
right: 0;
|
right: 25rpx;
|
||||||
|
width: calc(100vw - 50rpx);
|
||||||
bottom: env(safe-area-inset-bottom);
|
bottom: env(safe-area-inset-bottom);
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -85,9 +85,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
m: _ctx.eventComment,
|
m: _ctx.eventComment,
|
||||||
n: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
|
n: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
|
||||||
o: common_assets._imports_2$9,
|
o: common_assets._imports_2$9,
|
||||||
p: common_assets._imports_3$8,
|
p: common_assets._imports_3$7,
|
||||||
q: common_vendor.o(($event) => _ctx.clickComment()),
|
q: common_vendor.o(($event) => _ctx.clickComment()),
|
||||||
r: common_assets._imports_4$7,
|
r: common_assets._imports_4$8,
|
||||||
s: common_vendor.o(($event) => _ctx.clickFollow())
|
s: common_vendor.o(($event) => _ctx.clickFollow())
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -183,8 +183,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
f: common_vendor.o(($event) => $data.keywords = $event.detail.value),
|
f: common_vendor.o(($event) => $data.keywords = $event.detail.value),
|
||||||
g: common_vendor.s("top:" + $data.navH + "px;"),
|
g: common_vendor.s("top:" + $data.navH + "px;"),
|
||||||
h: common_assets._imports_2$10,
|
h: common_assets._imports_2$10,
|
||||||
i: common_assets._imports_3$9,
|
i: common_assets._imports_3$8,
|
||||||
j: common_assets._imports_4$8,
|
j: common_assets._imports_4$9,
|
||||||
k: common_assets._imports_5$3,
|
k: common_assets._imports_5$3,
|
||||||
l: common_vendor.f($data.tabList, (item, index, i0) => {
|
l: common_vendor.f($data.tabList, (item, index, i0) => {
|
||||||
return {
|
return {
|
||||||
@@ -277,9 +277,9 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
Q: _ctx.eventComment,
|
Q: _ctx.eventComment,
|
||||||
R: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
|
R: common_vendor.o(($event) => _ctx.eventComment = $event.detail.value),
|
||||||
S: common_assets._imports_2$9,
|
S: common_assets._imports_2$9,
|
||||||
T: common_assets._imports_3$8,
|
T: common_assets._imports_3$7,
|
||||||
U: common_vendor.o(($event) => _ctx.clickComment()),
|
U: common_vendor.o(($event) => _ctx.clickComment()),
|
||||||
V: common_assets._imports_4$7,
|
V: common_assets._imports_4$8,
|
||||||
W: common_vendor.o(($event) => _ctx.clickFollow()),
|
W: common_vendor.o(($event) => _ctx.clickFollow()),
|
||||||
X: common_assets._imports_13$1,
|
X: common_assets._imports_13$1,
|
||||||
Y: common_assets._imports_8$2,
|
Y: common_assets._imports_8$2,
|
||||||
|
|||||||
@@ -162,8 +162,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|||||||
};
|
};
|
||||||
}),
|
}),
|
||||||
k: common_assets._imports_1$10,
|
k: common_assets._imports_1$10,
|
||||||
l: common_assets._imports_5$4,
|
l: common_assets._imports_5$5,
|
||||||
m: common_assets._imports_5$4,
|
m: common_assets._imports_5$5,
|
||||||
n: common_vendor.s("top:" + $data.contentTop + "px;")
|
n: common_vendor.s("top:" + $data.contentTop + "px;")
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|||||||
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/cate-0.png
vendored
Normal file
|
After Width: | Height: | Size: 1.2 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/cate-1.png
vendored
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/cate-2.png
vendored
Normal file
|
After Width: | Height: | Size: 971 B |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/cate-3.png
vendored
Normal file
|
After Width: | Height: | Size: 964 B |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/cate-4.png
vendored
Normal file
|
After Width: | Height: | Size: 1.3 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/gg-top-0.png
vendored
Normal file
|
After Width: | Height: | Size: 2.0 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/gg-top-1.png
vendored
Normal file
|
After Width: | Height: | Size: 2.3 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/gg-top-2.png
vendored
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/gg-top-3.png
vendored
Normal file
|
After Width: | Height: | Size: 3.4 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/gg-top-4.png
vendored
Normal file
|
After Width: | Height: | Size: 2.4 KiB |
BIN
unpackage/dist/dev/mp-weixin/static/icon/gegu/gg-top-5.png
vendored
Normal file
|
After Width: | Height: | Size: 3.5 KiB |
@@ -25,7 +25,7 @@
|
|||||||
/* 文章场景相关 */
|
/* 文章场景相关 */
|
||||||
.uni-popup {
|
.uni-popup {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
z-index: 99;
|
z-index: 99999;
|
||||||
}
|
}
|
||||||
.uni-popup.top, .uni-popup.left, .uni-popup.right {
|
.uni-popup.top, .uni-popup.left, .uni-popup.right {
|
||||||
top: 0;
|
top: 0;
|
||||||
|
|||||||