xiugai
This commit is contained in:
Ling53666
@ -1,4 +1,5 @@
|
||||
import {url} from '../../request'
|
||||
const { checkLogin } = require('../../utils/logcheck');
|
||||
Page({
|
||||
|
||||
/**
|
||||
@ -8,12 +9,9 @@ Page({
|
||||
projectImage:"",
|
||||
selected: 'detail',
|
||||
show:false,
|
||||
promoCodeApplyVOList:[]
|
||||
promoCodeApplyVOList:[],
|
||||
mashow:false
|
||||
},
|
||||
|
||||
/**
|
||||
* 生命周期函数--监听页面加载
|
||||
*/
|
||||
onSelect(e) {
|
||||
const key = e.currentTarget.dataset.key;
|
||||
console.log(key,'dianjile');
|
||||
@ -33,7 +31,13 @@ Page({
|
||||
url: '/pages/mingxi/mingxi',
|
||||
})
|
||||
},
|
||||
xianshi(){
|
||||
this.setData({
|
||||
mashow:true
|
||||
})
|
||||
},
|
||||
onLoad(options) {
|
||||
checkLogin();
|
||||
const that = this
|
||||
const id = options.id
|
||||
wx.getStorage({
|
||||
@ -81,6 +85,11 @@ Page({
|
||||
wx.navigateBack({
|
||||
delta: 1
|
||||
})
|
||||
},
|
||||
clossma(){
|
||||
this.setData({
|
||||
mashow:false
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
@ -1,4 +1,6 @@
|
||||
{
|
||||
"navigationBarTitleText": "项目详情",
|
||||
"usingComponents": {}
|
||||
"usingComponents": {
|
||||
"futext":"/miniprogram_npm/futext"
|
||||
}
|
||||
}
|
||||
@ -1,69 +1,38 @@
|
||||
<view class="flex-col page">
|
||||
|
||||
<view class="mt-34 flex-col group">
|
||||
<view class="flex-row relative">
|
||||
<image
|
||||
class="image_2"
|
||||
src="{{projectImage}}"
|
||||
mode="aspectFill"
|
||||
/>
|
||||
<text class="self-start font text_2">{{projectName}}</text>
|
||||
<view class="flex-col justify-start items-start group_2 pos">
|
||||
<text class="font_2 text_4">{{projectDescription}}</text>
|
||||
<view class="flex-col justify-start items-center text-wrapper pos_2" bind:tap="mingxi">
|
||||
<text class="font_2 text_3">结算明细</text>
|
||||
<view class="maxbox">
|
||||
<view class="kuang">
|
||||
<view class="shopimage">
|
||||
<image class="imagesizeshop" src="{{projectImage}}" mode="aspectFill"/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="flex-row items-baseline group_3 mt-7">
|
||||
<text class="text_5">最高价</text>
|
||||
<text class="text_6 ml-3">￥{{projectPrice}}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-34 flex-col">
|
||||
<view class="flex-col group_4">
|
||||
<view class="flex-row justify-between self-stretch group_5">
|
||||
<view>
|
||||
<text class="font_3 text_7" bindtap="onSelect"
|
||||
data-key="detail"
|
||||
class="{{ selected === 'detail' ? 'active' : '' }}" >项目详情</text>
|
||||
<view wx:if="{{selected=='detail'}}" class="self-start section_2" style="margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view class="textbox">
|
||||
<text style="font-size: 16px;margin: 10rpx 0 0 0rpx;">{{projectName}}</text>
|
||||
<text style="font-size: 12px;color: #585857;margin: 10rpx 0 0 0rpx;">{{projectDescription}}</text>
|
||||
<view>
|
||||
<text class="font_3 text_8"
|
||||
bindtap="onSelect"
|
||||
data-key="code"
|
||||
class="{{ selected === 'code' ? 'active' : '' }}" >我的推广码</text>
|
||||
<view wx:if="{{selected=='code'}}" class="self-start section_2" style="margin-top: 10rpx;"></view>
|
||||
<text class="text_5">最高价</text>
|
||||
<text class="text_6 ml-3">￥{{projectPrice}}</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view wx:if="{{selected=='detail'}}" class="flex-col mt-19">
|
||||
<view class="flex-col group_6">
|
||||
<view class="mt-18 flex-col section_4">
|
||||
<text class="self-start font_3 text_100 color" >结算说明：</text>
|
||||
<view style="margin-top: 30rpx;">
|
||||
<rich-text nodes="{{settlementDesc}}"></rich-text>
|
||||
</view>
|
||||
<view class="mingxi">
|
||||
<view class="colorkuang" bind:tap="mingxi">
|
||||
<text style="color: #ffffff;font-size: 12px;">结算明细</text>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
<view class="mt-18 flex-col section_5">
|
||||
<text class="self-start font_3 text_12 color">项目说明：</text>
|
||||
<rich-text style="margin-top: 30rpx;" nodes="{{projectDesc}}"></rich-text>
|
||||
</view>
|
||||
<view class="mt-18 flex-col section_6">
|
||||
<text class="self-start font_3 text_15 color">项目流程：</text>
|
||||
<rich-text style="margin-top: 30rpx;" nodes="{{projectFlow}}"></rich-text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="mt-18 flex-row">
|
||||
<view class="flex-col justify-start items-center text-wrapper_2" bind:tap="back">
|
||||
<text class="font_5 text_16">再想想</text>
|
||||
</view>
|
||||
<view class="flex-col justify-start items-center text-wrapper_3" bind:tap="jiedan">
|
||||
<text class="font_5 text_17">申请推广码</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="lan">
|
||||
<view class="zuolan">
|
||||
<text
|
||||
bindtap="onSelect"
|
||||
data-key="detail"
|
||||
class="{{ selected === 'detail' ? 'active' : '' }}">项目详情</text>
|
||||
<view wx:if="{{selected=='detail'}}" class="section_2" style="margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
<view class="youlan">
|
||||
<text
|
||||
bindtap="onSelect"
|
||||
data-key="code"
|
||||
class="{{ selected === 'code' ? 'active' : '' }}"
|
||||
>我的推广码</text>
|
||||
<view wx:if="{{selected=='code'}}" class="section_2" style="margin-top: 10rpx;"></view>
|
||||
</view>
|
||||
</view>
|
||||
<!-- 无数据部分 -->
|
||||
@ -71,6 +40,12 @@
|
||||
<image class="imagesize" src="/image/4ec3ad48669184342e84e3641589c19b.png" mode="aspectFill"/>
|
||||
<text>暂无数据</text>
|
||||
</view>
|
||||
<!-- 项目详情 -->
|
||||
<view class="xinxibox" wx:if="{{selected=='detail'}}">
|
||||
<futext xiangmuname="结算说明：" settlementDesc="{{settlementDesc}}"></futext>
|
||||
<futext xiangmuname="项目说明：" settlementDesc="{{projectDesc}}"></futext>
|
||||
<futext xiangmuname="项目流程：" settlementDesc="{{projectFlow}}"></futext>
|
||||
</view>
|
||||
<!-- 二维码部分 -->
|
||||
<view class="mabox" wx:if="{{selected == 'code' && promoCodeApplyVOList.length > 0}}">
|
||||
<view class="messagebox" wx:for="{{promoCodeApplyVOList}}">
|
||||
@ -92,12 +67,39 @@
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="youbox">
|
||||
<view class="youbox" bind:tap="xianshi">
|
||||
<image class="imagesize1" src="{{item.projectImage}}" mode="aspectFill"/>
|
||||
<text style="margin-top: 10rpx;">查看推广码</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="bottoma">
|
||||
<view class="zuobuttonm" bind:tap="back">
|
||||
<text style="color: #D43030;">再想想</text>
|
||||
</view>
|
||||
<view class="youbuttonm" bind:tap="jiedan">
|
||||
<text>我要接单</text>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- 项目推广码详情 -->
|
||||
<view class="tanhcuann" wx:if="{{mashow}}">
|
||||
<view class="renwuma">
|
||||
<view class="titlema">
|
||||
<text style="color: #ff8d1a;font-size: 30px;">项目推广码</text>
|
||||
<text style="margin-top:50rpx; color: #ff8d1a;">引导用户通过扫描此码来完成相应的任务</text>
|
||||
</view>
|
||||
<view class="imagebox">
|
||||
<image class="masize" src="/image/20250515110258.jpg" mode=""/>
|
||||
</view>
|
||||
<view class="erweimacopy">
|
||||
<view class="copy">
|
||||
<text>复制推广码</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="closs" bind:tap="clossma">
|
||||
<image class="closssize" src="/image/close.png" mode=""/>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@ -1,245 +1,6 @@
|
||||
.ml-123 {
|
||||
margin-left: 236.54rpx;
|
||||
}
|
||||
.mt-7 {
|
||||
margin-top: 13.46rpx;
|
||||
}
|
||||
.ml-3 {
|
||||
margin-left: 5.77rpx;
|
||||
}
|
||||
.mt-19 {
|
||||
margin-top: 36.54rpx;
|
||||
}
|
||||
.mt-3 {
|
||||
margin-top: 5.77rpx;
|
||||
}
|
||||
.page {
|
||||
background-color: #ffffff;
|
||||
width: 100%;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
height: 100%;
|
||||
}
|
||||
.section {
|
||||
padding: 34.62rpx 23.08rpx;
|
||||
background-color: #f8f8f8;
|
||||
}
|
||||
.image {
|
||||
width: 34.62rpx;
|
||||
height: 19.23rpx;
|
||||
}
|
||||
.font {
|
||||
font-size: 25rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.1rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text {
|
||||
font-size: 26.92rpx;
|
||||
line-height: 24.83rpx;
|
||||
}
|
||||
.group {
|
||||
padding-left: 57.69rpx;
|
||||
padding-right: 25rpx;
|
||||
}
|
||||
.image_2 {
|
||||
width: 103.85rpx;
|
||||
height: 103.85rpx;
|
||||
}
|
||||
.text_2 {
|
||||
margin-left: 38.46rpx;
|
||||
margin-top: 11.54rpx;
|
||||
font-size: 26.92rpx;
|
||||
line-height: 24.9rpx;
|
||||
}
|
||||
.group_2 {
|
||||
padding-top: 38.46rpx;
|
||||
width: 526rpx;
|
||||
}
|
||||
.pos {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 15.38rpx;
|
||||
}
|
||||
.font_2 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 23.1rpx;
|
||||
}
|
||||
.text_4 {
|
||||
color: #00000080;
|
||||
font-size: 21.15rpx;
|
||||
line-height: 21.75rpx;
|
||||
}
|
||||
.text-wrapper {
|
||||
padding: 15.38rpx 0;
|
||||
background-color: #a5d63fcc;
|
||||
border-radius: 19.23rpx;
|
||||
width: 126.92rpx;
|
||||
}
|
||||
.pos_2 {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
}
|
||||
.text_3 {
|
||||
color: #ffffff;
|
||||
line-height: 21.5rpx;
|
||||
}
|
||||
.group_3 {
|
||||
padding: 0 142.31rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #00000080;
|
||||
font-size: 15.38rpx;
|
||||
font-family: HarmonyOSSansTC;
|
||||
line-height: 14.42rpx;
|
||||
}
|
||||
.text_6 {
|
||||
color: #e33c64;
|
||||
font-size: 17.31rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 13.13rpx;
|
||||
}
|
||||
.group_4 {
|
||||
padding-left: 138.46rpx;
|
||||
padding-right: 134.62rpx;
|
||||
}
|
||||
.group_5 {
|
||||
padding-bottom: 11.54rpx;
|
||||
}
|
||||
.section_2 {
|
||||
margin-left: 26.92rpx;
|
||||
background-color: #ff8d1a;
|
||||
width: 48.08rpx;
|
||||
height: 3.85rpx;
|
||||
}
|
||||
.group_6 {
|
||||
padding-left: 32.69rpx;
|
||||
padding-right: 25rpx;
|
||||
}
|
||||
.section_3 {
|
||||
margin-right: 13.46rpx;
|
||||
padding: 21.15rpx 25rpx 284.62rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 19.23rpx;
|
||||
}
|
||||
.image_3 {
|
||||
width: 34.62rpx;
|
||||
height: 38.46rpx;
|
||||
}
|
||||
.font_3 {
|
||||
font-size: 25rpx;
|
||||
font-family: HarmonyOSSansTC;
|
||||
line-height: 23.1rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_8 {
|
||||
line-height: 23.56rpx;
|
||||
}
|
||||
.text_7 {
|
||||
color: #ff8d1a;
|
||||
line-height: 23.06rpx;
|
||||
}
|
||||
.text_9 {
|
||||
line-height: 23.19rpx;
|
||||
}
|
||||
.section_4 {
|
||||
margin-left: 13.46rpx;
|
||||
padding: 15.38rpx 30.77rpx 36.54rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 19.23rpx;
|
||||
}
|
||||
.text_10 {
|
||||
margin-left: 34.62rpx;
|
||||
line-height: 23.52rpx;
|
||||
}
|
||||
.text_100 {
|
||||
line-height: 23.52rpx;
|
||||
}
|
||||
.font_4 {
|
||||
font-size: 23.08rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_11 {
|
||||
line-height: 21.69rpx;
|
||||
}
|
||||
.equal-division {
|
||||
align-self: stretch;
|
||||
margin: 0 15.38rpx;
|
||||
}
|
||||
.image_4 {
|
||||
flex: 1 1 292.31rpx;
|
||||
}
|
||||
.equal-division-item {
|
||||
height: 403.85rpx;
|
||||
}
|
||||
.section_5 {
|
||||
margin-left: 13.46rpx;
|
||||
padding: 23.08rpx 26.92rpx 30.77rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 19.23rpx;
|
||||
}
|
||||
.text_12 {
|
||||
margin-left: 0.46rpx;
|
||||
}
|
||||
.group_7 {
|
||||
margin-top: 23.08rpx;
|
||||
}
|
||||
.text_13 {
|
||||
text-indent: 0rpx;
|
||||
}
|
||||
.text_14 {
|
||||
margin-top: 38.46rpx;
|
||||
}
|
||||
.section_6 {
|
||||
margin-left: 13.46rpx;
|
||||
padding: 30.77rpx 46.15rpx 40.38rpx;
|
||||
background-color: #f8f8f8;
|
||||
border-radius: 30.81rpx;
|
||||
}
|
||||
.text_15 {
|
||||
|
||||
line-height: 22.88rpx;
|
||||
}
|
||||
.image_5 {
|
||||
flex: 1 1 292.31rpx;
|
||||
}
|
||||
.image_6 {
|
||||
margin-left: -7.69rpx;
|
||||
margin-right: 7.69rpx;
|
||||
flex: 1 1 292.31rpx;
|
||||
}
|
||||
.equal-division_2 {
|
||||
align-self: stretch;
|
||||
}
|
||||
.text-wrapper_2 {
|
||||
padding: 26.92rpx 0;
|
||||
flex: 1 1 375rpx;
|
||||
background-color: #cccccc;
|
||||
height: 84.62rpx;
|
||||
}
|
||||
.font_5 {
|
||||
font-size: 30.77rpx;
|
||||
font-family: SourceHanSansCN;
|
||||
line-height: 26.92rpx;
|
||||
color: #000000;
|
||||
}
|
||||
.text_16 {
|
||||
line-height: 28.31rpx;
|
||||
}
|
||||
.text-wrapper_3 {
|
||||
padding: 26.92rpx 0;
|
||||
flex: 1 1 375rpx;
|
||||
background-color: #ff8d1a;
|
||||
height: 84.62rpx;
|
||||
}
|
||||
.text_17 {
|
||||
line-height: 28.37rpx;
|
||||
}
|
||||
.active {
|
||||
color: #ff8d1a;
|
||||
}
|
||||
@ -264,10 +25,85 @@
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.xinxibox{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
.xiangqing{
|
||||
width: 95%;
|
||||
background-color: #cccccc;
|
||||
margin-top: 20rpx;
|
||||
border-radius: 20px;
|
||||
}
|
||||
.bottoma{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
background-color: aqua;
|
||||
display: flex;
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
z-index: 999;
|
||||
}
|
||||
.zuobuttonm{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: rgb(255, 255, 255);
|
||||
}
|
||||
.youbuttonm{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ff8d1a;
|
||||
}
|
||||
.richtext {
|
||||
padding: 24rpx;
|
||||
background-color: #ffffff;
|
||||
border-radius: 16rpx;
|
||||
font-size: 28rpx;
|
||||
color: #333;
|
||||
line-height: 1.8;
|
||||
box-shadow: 0 4rpx 10rpx rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
/* 去掉 li 的黑点 */
|
||||
.richtext li {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
/* 美化段落和图片 */
|
||||
.richtext p {
|
||||
margin-bottom: 16rpx;
|
||||
}
|
||||
.richtext img {
|
||||
max-width: 100%;
|
||||
border-radius: 8rpx;
|
||||
margin: 12rpx 0;
|
||||
}
|
||||
.richtext h1, .richtext h2, .richtext h3 {
|
||||
font-weight: bold;
|
||||
margin: 20rpx 0 12rpx;
|
||||
}
|
||||
|
||||
.titlemessgae{
|
||||
width: 100%;
|
||||
height: 50px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
.messagebox{
|
||||
width: 90%;
|
||||
height: 200px;
|
||||
@ -308,4 +144,147 @@
|
||||
.imagesize1{
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
}
|
||||
.renwuma{
|
||||
width: 90%;
|
||||
height: 80%;
|
||||
|
||||
|
||||
}
|
||||
.tanhcuann{
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
background-color: rgba(138, 135, 135, 0.5);
|
||||
}
|
||||
.titlema{
|
||||
width: 100%;
|
||||
height: 30%;
|
||||
background-color: #ffffff;
|
||||
border-bottom: 1px solid #a09d9d ;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.imagebox{
|
||||
width: 100%;
|
||||
height: 40%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.masize{
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
|
||||
}
|
||||
.erweimacopy{
|
||||
width: 100%;
|
||||
height: 20%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #ffffff;
|
||||
}
|
||||
.copy{
|
||||
width: 180px;
|
||||
height: 40px;
|
||||
background-color: rgb(17, 17, 240);
|
||||
border-radius: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: #ffffff;
|
||||
}
|
||||
.closs{
|
||||
width: 100%;
|
||||
height: 10%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.closssize{
|
||||
width: 80rpx;
|
||||
height: 80rpx;
|
||||
}
|
||||
.maxbox{
|
||||
width: 100%;
|
||||
}
|
||||
.kuang{
|
||||
width: 100%;
|
||||
display: flex;
|
||||
margin-top: 30rpx;
|
||||
}
|
||||
.lan{
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
}
|
||||
.zuolan{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.youlan{
|
||||
width: 50%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
}
|
||||
.shopimage{
|
||||
width: 23%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.textbox{
|
||||
width: 57%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
.mingxi{
|
||||
width: 20%;
|
||||
height: 150rpx;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.colorkuang{
|
||||
width: 70px;
|
||||
height: 30px;
|
||||
background-color: #A5D63F;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: 10rpx;
|
||||
}
|
||||
.imagesizeshop{
|
||||
width: 70px;
|
||||
height: 70px;
|
||||
border-radius: 20rpx;
|
||||
}
|
||||
.text_5 {
|
||||
color: #585857;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
.text_6 {
|
||||
color: #e33c64;
|
||||
font-size: 20rpx;
|
||||
}
|
||||
.section_2 {
|
||||
background-color: #ff8d1a;
|
||||
width: 100rpx;
|
||||
height: 4rpx;
|
||||
}
|
||||
Reference in New Issue
Block a user