yunshangxie/pages/index/goods_info.vue

86 lines
3.9 KiB
Vue
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<view style="letter-spacing: 1rpx;">
<tn-nav-bar :isBack="false" backTitle="" :bottomShadow="true" backgroundColor="#FFFFFF">
<view class="custom-nav tn-flex tn-flex-col-center tn-flex-row-left">
<view style="padding-left: 15rpx;" @click="goBack()">
<text class="tn-icon-left" style="font-size: 40rpx;"></text>
</view>
<view class="tn-margin-top"
style=";text-shadow: 1rpx 0 0 #FFF, 0 1rpx 0 #FFF, -1rpx 0 0 #FFF , 0 -1rpx 0 #FFF;">
<tn-tabs :list="[{name:'供需服务'}]" :current="topCurrent" activeColor="#000" :bold="false"
:fontSize="36"></tn-tabs>
</view>
</view>
</tn-nav-bar>
<view :style="{paddingTop: vuex_custom_bar_height + 'px'}">
<view style="padding: 30rpx;">
<view style="text-align: center;font-size:40rpx;font-weight: 600">劲捷飞燕系列P056C旅拍三脚架碳纤维摄影</view>
<view style="margin-top: 30rpx;color: #999;">
<text>时间2023-12-25</text>
<text style="margin-left: 20rpx;">来源洛阳灵睿网络技术有限公司</text>
</view>
<view>
<tn-tag shape="radius" width="auto" backgroundColor="#F7F7F7" fontColor="#808080">洛阳市</tn-tag>
<tn-tag shape="radius" margin="20rpx" width="auto" backgroundColor="#EBF4F7"
fontColor="#3377FF">合作意向18人</tn-tag>
<tn-tag shape="radius" width="auto" backgroundColor="#F7F3EB" fontColor="#FF8C19">项目金额1万以下</tn-tag>
</view>
<view style="width: 100%;height: 2rpx;background-color: #eee;margin-top: 0rpx;"></view>
<view style="padding-bottom: 200rpx;">
<view style="margin-top: 20rpx;position: relative;">
<image src="/static/b1.png"
style="width: 100rpx;height: 100rpx;position: absolute;left: 0;right: 0;top: 38%;z-index: 10;margin: 0 auto;">
</image>
<image src="/static/t7.jpg" style="width: 100%;border-radius: 20rpx;" mode="widthFix">
</image>
</view>
<view style="line-height: 50rpx; text-indent: 2em;margin-top: 20rpx;">
<p>河南省青年企业家协会HeNan Young
EntrepreneursAssociation简称为省青企协是全省性的青年企业家的群众组织是共青团联系青年企业家的桥梁和纽带是具有独立法人资格的非营利性社会团体是中国青年企业家协会河南省青年联合会河南省企业联合会河南省企业家协会的团体会员
</p>
<p>河南省青年企业家协会HeNan Young
EntrepreneursAssociation简称为省青企协是全省性的青年企业家的群众组织是共青团联系青年企业家的桥梁和纽带是具有独立法人资格的非营利性社会团体是中国青年企业家协会河南省青年联合会河南省企业联合会河南省企业家协会的团体会员
</p>
<p>河南省青年企业家协会HeNan Young
EntrepreneursAssociation简称为省青企协是全省性的青年企业家的群众组织是共青团联系青年企业家的桥梁和纽带是具有独立法人资格的非营利性社会团体是中国青年企业家协会河南省青年联合会河南省企业联合会河南省企业家协会的团体会员
</p>
</view>
</view>
</view>
</view>
<view style="position: fixed;bottom: 5%;width: 100%;">
<view class="tn-flex tn-flex-row-around">
<view
style="color: #fff;;letter-spacing: 10rpx;line-height: 70rpx;;text-align: center;;width: 400rpx;height: 70rpx;background: linear-gradient(270deg, #EE7E45, #EE9657);border-radius: 50rpx;">
联系TA</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
topCurrent: 0
}
},
methods: {
goBack() {
if (getCurrentPages().length > 1) {
uni.navigateBack()
} else {
uni.redirectTo({
url: '/pages/index/index'
})
}
}
}
}
</script>
<style>
</style>