5-10-2

pages/modelData/modeltemplate/model_1.vue

@@ -1,12 +1,15 @@
 <template>
 	<view class="mone">
 		<view class="m-top">
-			<image :src="baseURL + '/resource/icon/model1/top-base.png'" mode="" class="top-bg"></image>
+			
 			<view class="top-user flex">
 				<image :src="cardInfo.avatar" mode="" class="user-logo"></image>
 			</view>
 			<view class="user-name">
 				{{cardInfo.name || '暂无'}}
+			</view>
+			<view class="u-zy" v-if="cardInfo.user_work_type_title">
+				{{cardInfo.user_work_type_title || '暂无'}}
 			</view>
 			<button type="default" class="top-btn fx-btn" v-if="isShare" open-type="share">
 				<image :src="baseURL + '/resource/icon/model1/fx.png'" mode=""></image>
@@ -14,7 +17,7 @@
 			<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1||isLook==2">
 				浏览:{{shareNumber}}
 			</view>
-		</view>
+		</view>
 		<view class="m-body gr">
 			<!-- 个人信息 -->
 			<view class="hua2">
@@ -50,9 +53,9 @@
 							<view class="info-item-b">
 								学<text class="qianger"></text>历： {{cardInfo.education || '暂无'}}
 							</view>
-							<view class="info-item-b">
+						<!-- 	<view class="info-item-b">
 								学<text class="qianger"></text>历： {{cardInfo.education || '暂无'}}
-							</view>
+							</view> -->
 							<!-- <view class="info-item-b">
 								综 <text class="laner"></text> 合<text class="laner"></text>分： 50
 							</view> -->
@@ -192,7 +195,8 @@
 		},
 		data() {
 			return {
-				default: {
+				default: {
+					user_work_type_title:'母婴护理师',
 					name: '佚名',
 					avatar: 'https://api.myjie.cn/resource/icon/base/f.png',
 					age: '41',
@@ -274,14 +278,7 @@
 			width: 750rpx;
 			position: relative;
 			width: 750rpx;
-			height: 370rpx;
-
-			.top-bg {
-				position: relative;
-				width: 750rpx;
-				height: 370rpx;
-			}
-
+			height: 450rpx;
 			.readme {
 				width: 534rpx;
 				height: 83rpx;
@@ -291,7 +288,13 @@
 				right: 0;
 				margin: auto;
 			}
-
+			.u-zy {
+				// width: 204rpx;
+				padding: 8rpx 8rpx 8rpx 16rpx;
+				height: 39rpx;
+				border: 1px solid #F46C85;
+				border-radius: 10rpx;
+			}
 			.top-user {
 				width: 222rpx;
 				height: 222rpx;
@@ -372,7 +375,8 @@
 			}
 
 			.mvisit {
-				top: 70rpx;
+				// top: 70rpx;
+				top:150rpx;
 			}
 		}
 	}

pages/modelData/modeltemplate/model_2.vue

@@ -5,13 +5,8 @@
 			<button type="default" class="top-btn fx-btn" v-if="isShare" open-type="share">
 				<image :src="baseURL + '/resource/icon/model1/fx.png'" mode=""></image>
 			</button>
-			<!-- 模板查看次数 -->
-			<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1">
-				浏览:{{cardInfo.look_count}}
-			</view>
-			<!-- 别人查看次数 -->
-			<view class="top-btn visit padding-r-10" v-else-if="isLook==2">
-				浏览：{{cardInfo.card_look_count}}
+			<view class="top-btn visit mvisit padding-r-10" v-if="isLook==1||isLook==2">
+				浏览:{{shareNumber}}
 			</view>
 		</view>
 		<view class="m-body ">
@@ -177,6 +172,16 @@
 	} from '@/api/user.js';
 	export default {
 		props: {
+			// 浏览数量
+			shareNumber: {
+				type: Number,
+				default:0
+			},
+			// 是否显示默认数据
+			isDefault: {
+				type: Boolean,
+				default: true
+			},
 			isShare: {
 				type: Boolean,
 				default: false
@@ -186,66 +191,71 @@
 				type: Number,
 				default: 0
 			},
-			cardInfo: {
+			templateDetail: {
 				type: Object,
 				default: () => {
-					return {
-						name: '佚名',
-						avatar: 'https://api.myjie.cn/resource/icon/base/f.png',
-						age: '41',
-						twelve: '鼠',
-						work_year: '10',
-						constellation: '处女座',
-						ancestral_place: '浙江',
-						minority: '汉族',
-						education: '本科',
-						service_area_all: ['浙江省台州市路桥区'],
-						service_min_price: 100,
-						service_max_price: 200,
-						service_time_type_title: '每小时',
-						service_intro_content: '高级育婴师证|高级催乳师证|早产儿护理师母婴护理证|金牌月嫂证|产后恢复师证|公共营养师证|月子药膳调理师证|国际宝宝睡眠咨询师证|普通话二级甲等|中央广播电视大学学历|学前教育专业，深耕幼教十年，技能全面，性格活泼，有亲和力，做事干净利落，有很强的责任心。对宝宝有爱心，体贴新手妈妈。专业技能熟练。应急能力强。让家人放心、产妇舒心的坐好月子。',
-						service_intro_imgs: ['https://api.myjie.cn/resource/icon/base/pj1.png',
-							'https://api.myjie.cn/resource/icon/base/pj2.png',
-							'https://api.myjie.cn/resource/icon/base/pj3.png',
-							'https://api.myjie.cn/resource/icon/base/pj4.png'
-						],
-						service_imgs: ['https://api.myjie.cn/resource/icon/base/pj1.png',
-							'https://api.myjie.cn/resource/icon/base/pj2.png',
-							'https://api.myjie.cn/resource/icon/base/pj3.png',
-							'https://api.myjie.cn/resource/icon/base/pj4.png'
-						],
-						service_audit_imgs: ['https://api.myjie.cn/resource/icon/base/zs1.png',
-							'https://api.myjie.cn/resource/icon/base/zs2.png',
-							'https://api.myjie.cn/resource/icon/base/zs3.png',
-							'https://api.myjie.cn/resource/icon/base/zs4.png'
-						],
-						service_project_ar: [{
-								title: '婴幼儿睡眠管理',
-								content: '如：日夜颠倒、睡眠不规律、乳头混淆、奶睡、抱睡等问题，帮助宝爸宝妈规律孩子作息、解决婴幼儿喂养困扰，培养良好的生活、学习习惯。'
-							}, {
-								title: '特色月子餐',
-								content: '套用客户的一句话“养眼、养心更养胃”！家常菜、面食、点心、甜品、靓汤、五谷杂粮粥、婴幼儿花样辅食等。'
-							},
-							{
-								title: '早产儿特殊护理',
-								content: '包括早产儿基础护理、安全喂养方法、追赶性生长、消化与免疫系统等技能，根据宝宝具体情况给予早产儿家长的科学入户指导。'
-							},
-							{
-								title: '0-6岁早期教育',
-								content: '在婴孩最敏感最能接受的时期进行事半功倍的适时教育，针对不同年龄段的孩子，开发婴幼儿潜能的教育，为孩子多元化和健康人格打下良好基础。'
-							}
-						],
-						is_type_audit: 1
-					}
+					return {}
 				}
-			},
+			}
 		},
 		data() {
-			return {}
+			return {
+				default: {
+					name: '佚名',
+					avatar: 'https://api.myjie.cn/resource/icon/base/f.png',
+					age: '41',
+					twelve: '鼠',
+					work_year: '10',
+					constellation: '处女座',
+					ancestral_place: '浙江',
+					minority: '汉族',
+					education: '本科',
+					service_area_all: ['浙江省台州市路桥区'],
+					service_min_price: 100,
+					service_max_price: 200,
+					service_time_type_title: '每小时',
+					service_intro_content: '高级育婴师证|高级催乳师证|早产儿护理师母婴护理证|金牌月嫂证|产后恢复师证|公共营养师证|月子药膳调理师证|国际宝宝睡眠咨询师证|普通话二级甲等|中央广播电视大学学历|学前教育专业，深耕幼教十年，技能全面，性格活泼，有亲和力，做事干净利落，有很强的责任心。对宝宝有爱心，体贴新手妈妈。专业技能熟练。应急能力强。让家人放心、产妇舒心的坐好月子。',
+					service_intro_imgs: ['https://api.myjie.cn/resource/icon/base/pj1.png',
+						'https://api.myjie.cn/resource/icon/base/pj2.png',
+						'https://api.myjie.cn/resource/icon/base/pj3.png',
+						'https://api.myjie.cn/resource/icon/base/pj4.png'
+					],
+					service_audit_imgs: ['https://api.myjie.cn/resource/icon/base/zs1.png',
+						'https://api.myjie.cn/resource/icon/base/zs2.png',
+						'https://api.myjie.cn/resource/icon/base/zs3.png',
+						'https://api.myjie.cn/resource/icon/base/zs4.png'
+					],
+					service_project_ar: [{
+							title: '婴幼儿睡眠管理',
+							content: '如：日夜颠倒、睡眠不规律、乳头混淆、奶睡、抱睡等问题，帮助宝爸宝妈规律孩子作息、解决婴幼儿喂养困扰，培养良好的生活、学习习惯。'
+						}, {
+							title: '特色月子餐',
+							content: '套用客户的一句话“养眼、养心更养胃”！家常菜、面食、点心、甜品、靓汤、五谷杂粮粥、婴幼儿花样辅食等。'
+						},
+						{
+							title: '早产儿特殊护理',
+							content: '包括早产儿基础护理、安全喂养方法、追赶性生长、消化与免疫系统等技能，根据宝宝具体情况给予早产儿家长的科学入户指导。'
+						},
+						{
+							title: '0-6岁早期教育',
+							content: '在婴孩最敏感最能接受的时期进行事半功倍的适时教育，针对不同年龄段的孩子，开发婴幼儿潜能的教育，为孩子多元化和健康人格打下良好基础。'
+						}
+					],
+					is_type_audit: 1
+				}
+			}
 		},
 		computed: {
 			...mapState(['baseURL']),
-			...mapState('user', ['userInfo'])
+			...mapState('user', ['userInfo']),
+			cardInfo() {
+				console.log("进入");
+				if (this.isDefault) {
+					return this.default
+				} else {
+					return this.templateDetail
+				}
+			}
 		},
 		onShow() {
 			// this.getUser()

pages/user/model/model.vue

@@ -28,7 +28,7 @@
 					模板预览
 				</view>
 				<view class="by-now" @click="gobuy">
-					购买使用
+					立即使用
 				</view>
 			</view>
 		</block>
@@ -688,7 +688,7 @@
 
 	.fxmp {
 		width: 750rpx;
-
+		
 		.share {
 			width: 50%;
 			padding: 0;
@@ -696,6 +696,7 @@
 			flex-grow: 1;
 			background-color: $base-color;
 			color: #fff;
+			font-size: 32rpx;
 			&::after {
 				border: none;
 			}

pages/user/model/phb.vue

@@ -3,7 +3,7 @@
 		<image :src="top_bg" mode="" class="top-bg"></image>
 		<view class="bd-wrap flex">
 			<view class="bd">
-				
+				<image :src="tit_bg" mode="widthFix" class="bd-tit"></image>
 			</view>
 		</view>
 		<view class="" style="height: 60rpx;">
@@ -17,6 +17,7 @@
 		data() {
 			return {
 				top_bg: this.$store.state.baseURL + '/resource/icon/base/phb-bg.png',
+				tit_bg: this.$store.state.baseURL + '/resource/icon/llph.png'
 			}
 		},
 		onLoad() {
@@ -61,6 +62,17 @@
 			background: #FFFFFF;
 			border: 1rpx solid #A30F0E;
 			border-radius: 14rpx;
+			position: relative;
+			.bd-tit {
+			 width: 443rpx;
+			 height: 69rpx;
+			position: absolute;
+			top: -35rpx;
+			left: 0;
+			right: 0;
+			margin: auto;
+			}
 		}
 	}
+	
 </style>