|
|
@ -3,30 +3,56 @@ |
|
|
<!-- 顶部状态栏占位 --> |
|
|
<!-- 顶部状态栏占位 --> |
|
|
<view class="top" :style="{ height: iSMT + 'px' }"></view> |
|
|
<view class="top" :style="{ height: iSMT + 'px' }"></view> |
|
|
<!-- 标题图标部分 --> |
|
|
<!-- 标题图标部分 --> |
|
|
<deepExploration_header></deepExploration_header> |
|
|
|
|
|
|
|
|
<deepExploration_header |
|
|
|
|
|
></deepExploration_header> |
|
|
<view class="search"> |
|
|
<view class="search"> |
|
|
<input v-model="stockName" class="searchInput" type="text" placeholder="请输入股票名称、股票代码" |
|
|
|
|
|
placeholder-style="color: #A6A6A6; font-size: 22rpx;" /> |
|
|
|
|
|
<image @click="searchStock" class="seachIcon" src="/static/deepExploration-images/search.png" |
|
|
|
|
|
mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<input |
|
|
|
|
|
v-model="stockName" |
|
|
|
|
|
class="searchInput" |
|
|
|
|
|
type="text" |
|
|
|
|
|
placeholder="请输入股票名称、股票代码" |
|
|
|
|
|
placeholder-style="color: #A6A6A6; font-size: 22rpx;" |
|
|
|
|
|
/> |
|
|
|
|
|
<image |
|
|
|
|
|
@click="searchStock" |
|
|
|
|
|
class="seachIcon" |
|
|
|
|
|
src="/static/deepExploration-images/search.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
<!-- 四大功能模块 --> |
|
|
<!-- 四大功能模块 --> |
|
|
<view class="select"> |
|
|
<view class="select"> |
|
|
<view class="selectItem" @click="toMain('主力追踪')"> |
|
|
<view class="selectItem" @click="toMain('主力追踪')"> |
|
|
<image class="img" src="/static/deepExploration-images/icon3.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
class="img" |
|
|
|
|
|
src="/static/deepExploration-images/icon3.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<view class="txt">主力追踪</view> |
|
|
<view class="txt">主力追踪</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="selectItem" @click="toMain('主力雷达')"> |
|
|
<view class="selectItem" @click="toMain('主力雷达')"> |
|
|
<image class="img" src="/static/deepExploration-images/icon2.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
class="img" |
|
|
|
|
|
src="/static/deepExploration-images/icon2.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<view class="txt">主力雷达</view> |
|
|
<view class="txt">主力雷达</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="selectItem" @click="toMain('主力解码')"> |
|
|
<view class="selectItem" @click="toMain('主力解码')"> |
|
|
<image class="img" src="/static/deepExploration-images/icon1.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
class="img" |
|
|
|
|
|
src="/static/deepExploration-images/icon1.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<view class="txt">主力解码</view> |
|
|
<view class="txt">主力解码</view> |
|
|
</view> |
|
|
</view> |
|
|
<view class="selectItem" @click="toMain('主力资金流')"> |
|
|
<view class="selectItem" @click="toMain('主力资金流')"> |
|
|
<image class="img" src="/static/deepExploration-images/icon4.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
class="img" |
|
|
|
|
|
src="/static/deepExploration-images/icon4.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<view class="txt">主力资金流</view> |
|
|
<view class="txt">主力资金流</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -39,7 +65,7 @@ |
|
|
<view class="txt"> |
|
|
<view class="txt"> |
|
|
<text>选股策略</text> |
|
|
<text>选股策略</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="viewAll" @click='viewAll'> |
|
|
|
|
|
|
|
|
<view class="viewAll" @click="viewAll"> |
|
|
<text>查看全部</text> |
|
|
<text>查看全部</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -48,14 +74,19 @@ |
|
|
<view class="selectionItem"> |
|
|
<view class="selectionItem"> |
|
|
<view class="header"> |
|
|
<view class="header"> |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
<image src="/static/deepExploration-images/plus.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
src="/static/deepExploration-images/plus.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<text>抄底卖顶</text> |
|
|
<text>抄底卖顶</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="right"> |
|
|
<view class="right"> |
|
|
<image src="/static/deepExploration-images/Americle.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
src="/static/deepExploration-images/Americle.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<text>美股</text> |
|
|
<text>美股</text> |
|
|
</view> |
|
|
</view> |
|
|
|
|
|
|
|
|
</view> |
|
|
</view> |
|
|
<view class="content"> |
|
|
<view class="content"> |
|
|
<view class="contentTitle"> |
|
|
<view class="contentTitle"> |
|
|
@ -78,11 +109,17 @@ |
|
|
<view class="selectionItem"> |
|
|
<view class="selectionItem"> |
|
|
<view class="header"> |
|
|
<view class="header"> |
|
|
<view class="left"> |
|
|
<view class="left"> |
|
|
<image src="/static/deepExploration-images/plus.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
src="/static/deepExploration-images/plus.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<text>抄底卖顶</text> |
|
|
<text>抄底卖顶</text> |
|
|
</view> |
|
|
</view> |
|
|
<view class="right"> |
|
|
<view class="right"> |
|
|
<image src="/static/deepExploration-images/Americle.png" mode="aspectFill"></image> |
|
|
|
|
|
|
|
|
<image |
|
|
|
|
|
src="/static/deepExploration-images/Americle.png" |
|
|
|
|
|
mode="aspectFill" |
|
|
|
|
|
></image> |
|
|
<text>美股</text> |
|
|
<text>美股</text> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
@ -108,74 +145,73 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script setup> |
|
|
<script setup> |
|
|
import { |
|
|
|
|
|
ref, |
|
|
|
|
|
onMounted |
|
|
|
|
|
} from 'vue' |
|
|
|
|
|
import footerBar from '@/components/footerBar.vue' |
|
|
|
|
|
import deepExploration_header from '@/components/deepExploration_header.vue' |
|
|
|
|
|
|
|
|
import { ref, onMounted } from "vue"; |
|
|
|
|
|
import footerBar from "@/components/footerBar.vue"; |
|
|
|
|
|
import deepExploration_header from "@/components/deepExploration_header.vue"; |
|
|
|
|
|
|
|
|
const type = ref('deepExploration') |
|
|
|
|
|
const iSMT = ref(0) |
|
|
|
|
|
|
|
|
const type = ref("deepExploration"); |
|
|
|
|
|
const iSMT = ref(0); |
|
|
|
|
|
|
|
|
//查看全部选股策略 |
|
|
//查看全部选股策略 |
|
|
const toMain = (val) => { |
|
|
const toMain = (val) => { |
|
|
if (val == '主力追踪') { |
|
|
|
|
|
|
|
|
if (val == "主力追踪") { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: '/pages/deepExploration/MainForceActions?index=1' |
|
|
|
|
|
}) |
|
|
|
|
|
} else if (val == '主力雷达') { |
|
|
|
|
|
|
|
|
url: "/pages/deepExploration/MainForceActions?index=1", |
|
|
|
|
|
}); |
|
|
|
|
|
} else if (val == "主力雷达") { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: '/pages/deepExploration/MainForceActions?index=2' |
|
|
|
|
|
}) |
|
|
|
|
|
} else if (val == '主力解码') { |
|
|
|
|
|
|
|
|
url: "/pages/deepExploration/MainForceActions?index=2", |
|
|
|
|
|
}); |
|
|
|
|
|
} else if (val == "主力解码") { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: '/pages/deepExploration/MainForceActions?index=3' |
|
|
|
|
|
}) |
|
|
|
|
|
} else if (val == '主力资金流') { |
|
|
|
|
|
|
|
|
url: "/pages/deepExploration/MainForceActions?index=3", |
|
|
|
|
|
}); |
|
|
|
|
|
} else if (val == "主力资金流") { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: '/pages/deepExploration/MainForceActions?index=4' |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
url: "/pages/deepExploration/MainForceActions?index=4", |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
const stockName = ref('') |
|
|
|
|
|
|
|
|
const stockName = ref(""); |
|
|
//搜索股票 |
|
|
//搜索股票 |
|
|
const searchStock = () => { |
|
|
const searchStock = () => { |
|
|
console.log('搜索参数:', stockName.value); |
|
|
|
|
|
|
|
|
console.log("搜索参数:", stockName.value); |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: `/pages/deepExploration/MainForceActions?stockName=${stockName.value}` |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
url: `/pages/deepExploration/MainForceActions?stockName=${stockName.value}`, |
|
|
|
|
|
}); |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
//查看全部选股策略 |
|
|
//查看全部选股策略 |
|
|
const viewAll = () => { |
|
|
const viewAll = () => { |
|
|
uni.navigateTo({ |
|
|
uni.navigateTo({ |
|
|
url: '/pages/deepExploration/stockSelectDetail' |
|
|
|
|
|
}) |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
url: "/pages/deepExploration/stockSelectDetail", |
|
|
|
|
|
}); |
|
|
|
|
|
}; |
|
|
//选股策略数据 |
|
|
//选股策略数据 |
|
|
const stockData = [{ |
|
|
|
|
|
|
|
|
const stockData = [ |
|
|
|
|
|
{ |
|
|
name: "(MKTW)MarketWise Inc", |
|
|
name: "(MKTW)MarketWise Inc", |
|
|
close: "$14.190", |
|
|
close: "$14.190", |
|
|
select: "$13.180" |
|
|
|
|
|
|
|
|
select: "$13.180", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: "(MTCH)Match Group Inc", |
|
|
name: "(MTCH)Match Group Inc", |
|
|
close: "$32.120", |
|
|
close: "$32.120", |
|
|
select: "$28.120" |
|
|
|
|
|
|
|
|
select: "$28.120", |
|
|
}, |
|
|
}, |
|
|
{ |
|
|
{ |
|
|
name: "(MKTW)MarketWise Inc", |
|
|
name: "(MKTW)MarketWise Inc", |
|
|
close: "$14.190", |
|
|
close: "$14.190", |
|
|
select: "$13.180" |
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
select: "$13.180", |
|
|
|
|
|
}, |
|
|
]; |
|
|
]; |
|
|
onMounted(() => { |
|
|
onMounted(() => { |
|
|
// 状态栏高度 |
|
|
// 状态栏高度 |
|
|
iSMT.value = uni.getSystemInfoSync().statusBarHeight; |
|
|
iSMT.value = uni.getSystemInfoSync().statusBarHeight; |
|
|
}) |
|
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<style scoped lang="scss"> |
|
|
<style scoped lang="scss"> |
|
|
@ -188,7 +224,7 @@ |
|
|
position: relative; |
|
|
position: relative; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
background-color: #F3F3F3; |
|
|
|
|
|
|
|
|
background-color: #f3f3f3; |
|
|
width: calc(100% - 60rpx); |
|
|
width: calc(100% - 60rpx); |
|
|
height: 80rpx; |
|
|
height: 80rpx; |
|
|
border-radius: 50rpx; |
|
|
border-radius: 50rpx; |
|
|
@ -239,7 +275,7 @@ |
|
|
.gap { |
|
|
.gap { |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
height: 15rpx; |
|
|
height: 15rpx; |
|
|
background-color: #F3F3F3; |
|
|
|
|
|
|
|
|
background-color: #f3f3f3; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.stockSelection { |
|
|
.stockSelection { |
|
|
@ -275,7 +311,7 @@ |
|
|
|
|
|
|
|
|
.stockSelection_content { |
|
|
.stockSelection_content { |
|
|
.selectionItem { |
|
|
.selectionItem { |
|
|
background-color: #F3F3F3; |
|
|
|
|
|
|
|
|
background-color: #f3f3f3; |
|
|
padding: 30rpx 15rpx 17rpx 30rpx; |
|
|
padding: 30rpx 15rpx 17rpx 30rpx; |
|
|
border-radius: 30rpx; |
|
|
border-radius: 30rpx; |
|
|
margin-top: 30rpx; |
|
|
margin-top: 30rpx; |
|
|
@ -314,7 +350,7 @@ |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
border-radius: 15rpx; |
|
|
border-radius: 15rpx; |
|
|
background-color: #FFFFFF; |
|
|
|
|
|
|
|
|
background-color: #ffffff; |
|
|
padding: 6rpx 20rpx; |
|
|
padding: 6rpx 20rpx; |
|
|
|
|
|
|
|
|
image { |
|
|
image { |
|
|
@ -362,7 +398,6 @@ |
|
|
width: 120rpx; |
|
|
width: 120rpx; |
|
|
margin-left: 60rpx; |
|
|
margin-left: 60rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.contentItem { |
|
|
.contentItem { |
|
|
@ -410,9 +445,7 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.static-footer { |
|
|
.static-footer { |
|
|
|