parent
5a441a2188
commit
61d2383593
19 changed files with 557 additions and 167 deletions
@ -0,0 +1,14 @@ |
||||
import request from '@/apis/request.js' |
||||
const { get, post } = request |
||||
|
||||
export const queryClassificationByType = id => { |
||||
return post('nakadai/nakadai/partner/article/classification/queryClassificationByType?typeId=' + id) |
||||
} |
||||
|
||||
export const schemeList = data => { |
||||
return post('nakadai/nakadai/partner/schemeManagement/schemeList', data) |
||||
} |
||||
|
||||
export const schemeFindById = id => { |
||||
return post('nakadai/nakadai/partner/schemeManagement/findById?id=' + id) |
||||
} |
||||
|
After Width: | Height: | Size: 197 B |
@ -0,0 +1,83 @@ |
||||
<template> |
||||
<view class="wrap"> |
||||
<view class="title">{{ form.title }}</view> |
||||
|
||||
<view class="text">{{ form.applicableMajor }}</view> |
||||
<view class="text">{{ form.schemeIntroduction }}</view> |
||||
<view class="text">{{ form.product }}</view> |
||||
<template v-if="form.fileName"> |
||||
<view class="file">{{ form.fileName }}</view> |
||||
<view class="detail" @click.stop="download">下载</view> |
||||
</template> |
||||
</view> |
||||
</template> |
||||
|
||||
<script> |
||||
import { schemeFindById } from '@/apis/modules/article.js' |
||||
export default { |
||||
data() { |
||||
return { |
||||
id: '', |
||||
form: { |
||||
totalBrowsing: '' |
||||
} |
||||
} |
||||
}, |
||||
onShow() { |
||||
const pages = getCurrentPages() |
||||
const { options } = pages[pages.length - 1] |
||||
this.id = options.id |
||||
this.getInfo() |
||||
}, |
||||
methods: { |
||||
// 获取详情 |
||||
getInfo() { |
||||
uni.showLoading({ |
||||
title: '加载中' |
||||
}) |
||||
schemeFindById(this.id).then(({ data }) => { |
||||
if (data.productList) data.product = data.productList.map(e => e.productName).join('、') |
||||
this.form = data |
||||
uni.hideLoading() |
||||
}).catch(e => { |
||||
uni.hideLoading() |
||||
}) |
||||
}, |
||||
// 下载方案文件 |
||||
download() { |
||||
uni.setStorageSync('files', { |
||||
copyWriting: this.form.title, |
||||
fileName: [this.form.fileName], |
||||
urls: [this.form.schemeFile] |
||||
}) |
||||
this.$util.to(`/team/send/send`) |
||||
} |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style scoped lang="scss"> |
||||
.wrap { |
||||
padding: 30rpx; |
||||
background-color: #fff; |
||||
} |
||||
.title { |
||||
font-size: 34rpx; |
||||
font-weight: 600; |
||||
color: #333; |
||||
} |
||||
.text { |
||||
margin: 20rpx 0; |
||||
font-size: 28rpx; |
||||
line-height: 1.6; |
||||
} |
||||
.file { |
||||
margin: 20rpx 0; |
||||
font-size: 26rpx; |
||||
word-break: break-all; |
||||
} |
||||
.detail { |
||||
font-size: 30rpx; |
||||
color: #1f83ff; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,10 @@ |
||||
## 0.2.1（2022-05-09） |
||||
- 修复 content 为空时仍然弹出的bug |
||||
## 0.2.0（2022-05-07） |
||||
**注意：破坏性更新** |
||||
- 更新 text 属性变更为 content |
||||
- 更新 移除 width 属性 |
||||
## 0.1.1（2022-04-27） |
||||
- 修复 组件根 text 嵌套组件 warning |
||||
## 0.1.0（2022-04-21） |
||||
- 初始化 |
||||
@ -0,0 +1,70 @@ |
||||
<template> |
||||
<view class="uni-tooltip"> |
||||
<slot></slot> |
||||
<view v-if="content || $slots.content" class="uni-tooltip-popup"> |
||||
<slot name="content"> |
||||
{{content}} |
||||
</slot> |
||||
</view> |
||||
</view> |
||||
</template> |
||||
|
||||
|
||||
<script> |
||||
/** |
||||
* Tooltip 提示文字 |
||||
* @description 常用于展示鼠标 hover 时的提示信息。 |
||||
* @tutorial https://uniapp.dcloud.io/component/uniui/uni-tooltip |
||||
* @property {String} content 弹出层显示的内容 |
||||
* @property {String} placement出现位置, 目前只支持 left |
||||
*/ |
||||
|
||||
|
||||
export default { |
||||
name: "uni-tooltip", |
||||
data() { |
||||
return { |
||||
|
||||
}; |
||||
}, |
||||
props: { |
||||
content: { |
||||
type: String, |
||||
default: '' |
||||
}, |
||||
|
||||
placement: { |
||||
type: String, |
||||
default: 'bottom' |
||||
}, |
||||
} |
||||
} |
||||
</script> |
||||
|
||||
<style> |
||||
.uni-tooltip { |
||||
position: relative; |
||||
cursor: pointer; |
||||
} |
||||
|
||||
.uni-tooltip-popup { |
||||
z-index: 1000; |
||||
display: none; |
||||
position: absolute; |
||||
top: 40rpx; |
||||
left: 0; |
||||
max-width: 90%; |
||||
background-color: #333; |
||||
border-radius: 8px; |
||||
color: #fff; |
||||
font-size: 12px; |
||||
text-align: left; |
||||
line-height: 16px; |
||||
padding: 12px; |
||||
} |
||||
|
||||
|
||||
.uni-tooltip:hover .uni-tooltip-popup { |
||||
display: block; |
||||
} |
||||
</style> |
||||
@ -0,0 +1,83 @@ |
||||
{ |
||||
"id": "uni-tooltip", |
||||
"displayName": "uni-tooltip", |
||||
"version": "0.2.1", |
||||
"description": "Tooltip 提示文字", |
||||
"keywords": [ |
||||
"uni-tooltip", |
||||
"uni-ui", |
||||
"tooltip", |
||||
"tip", |
||||
"文字提示" |
||||
], |
||||
"repository": "", |
||||
"engines": { |
||||
}, |
||||
"dcloudext": { |
||||
"category": [ |
||||
"前端组件", |
||||
"通用组件" |
||||
], |
||||
"sale": { |
||||
"regular": { |
||||
"price": "0.00" |
||||
}, |
||||
"sourcecode": { |
||||
"price": "0.00" |
||||
} |
||||
}, |
||||
"contact": { |
||||
"qq": "" |
||||
}, |
||||
"declaration": { |
||||
"ads": "无 ", |
||||
"data": "无", |
||||
"permissions": "无" |
||||
}, |
||||
"npmurl": "" |
||||
}, |
||||
"uni_modules": { |
||||
"dependencies": [], |
||||
"encrypt": [], |
||||
"platforms": { |
||||
"cloud": { |
||||
"tcb": "y", |
||||
"aliyun": "y" |
||||
}, |
||||
"client": { |
||||
"Vue": { |
||||
"vue2": "y", |
||||
"vue3": "y" |
||||
}, |
||||
"App": { |
||||
"app-vue": "y", |
||||
"app-nvue": "u" |
||||
}, |
||||
"H5-mobile": { |
||||
"Safari": "y", |
||||
"Android Browser": "y", |
||||
"微信浏览器(Android)": "y", |
||||
"QQ浏览器(Android)": "y" |
||||
}, |
||||
"H5-pc": { |
||||
"Chrome": "y", |
||||
"IE": "y", |
||||
"Edge": "y", |
||||
"Firefox": "y", |
||||
"Safari": "y" |
||||
}, |
||||
"小程序": { |
||||
"微信": "y", |
||||
"阿里": "u", |
||||
"百度": "u", |
||||
"字节跳动": "u", |
||||
"QQ": "u" |
||||
}, |
||||
"快应用": { |
||||
"华为": "u", |
||||
"联盟": "u" |
||||
} |
||||
} |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,8 @@ |
||||
## Badge 数字角标 |
||||
> **组件名：uni-tooltip** |
||||
> 代码块： `uTooltip` |
||||
|
||||
数字角标一般和其它控件（列表、9宫格等）配合使用，用于进行数量提示，默认为实心灰色背景， |
||||
|
||||
### [查看文档](https://uniapp.dcloud.io/component/uniui/uni-tooltip) |
||||
#### 如使用过程中有任何问题，或者您对uni-ui有一些好的建议，欢迎加入 uni-ui 交流群：871950839 |
||||
Loading…
Reference in new issue