提交 cf10cc01 编写于 作者: wowkaka's avatar wowkaka

修改detail页面

上级 6a10220d
......@@ -68,7 +68,7 @@
.h2w-dark .h2w__lineNum {
color:#494949;
/* left:90rpx; */
margin-left: 25rpx;
margin-left: 50rpx;
}
/**代码高亮样式**/
......
const app = getApp()
// pages/detail/detail.js
Page({
......@@ -5,7 +6,7 @@ Page({
* 页面的初始数据
*/
data: {
},
/**
......@@ -13,6 +14,17 @@ Page({
*/
onLoad: function (options) {
let that = this;
wx.request({
url: 'https://www.vvadd.com/wxml_demo/demo.txt?v=2',
header: {
'content-type': 'application/x-www-form-urlencoded'
},
success: (res) => {
console.log(res);
that.showMarkdown(res.data);
}
});
},
/**
......@@ -62,5 +74,24 @@ Page({
*/
onShareAppMessage: function () {
},
showMarkdown(markdown){
console.log(markdown);
let result = app.towxml(markdown, 'markdown', {
theme: 'dark', // 主题,默认`light`
events: { // 为元素绑定的事件方法
tap: (e) => {
console.log('tap', e);
}
}
});
wx.hideLoading({
complete: (res) => {},
})
this.setData({
markdown: result
})
}
})
\ No newline at end of file
{
"usingComponents": {}
}
\ No newline at end of file
"usingComponents": {
"towxml":"../../components/towxml/towxml"
}
}
\ No newline at end of file
<view class="cu-bar solid-bottom padding ">
<view class="action ">
<text class=" margin-top-lg" style="color: #84868E;font-size: small;"> </text>
</view>
</view>
<view class="margin " style=" margin-top:50rpx; background:#1C1F27;">
<view class="padding-xs flex align-center ">
<view class="flex-sub text-center padding-top">
<view class=" text-xl padding-bottom-xs padding-top-xs">
<text class="text-green" style="font-size:36rpx;">开源项目</text>
</view>
</view>
</view>
<view class="padding">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">我发起的项目</view>
<view class="text-left padding-lr " style="color:whitesmoke;">DAO提案工具</view>
</view>
<view class="padding ">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">项目介绍</view>
<view class="text-left padding-lr text-white ">支持DAO成员发起项目提案,通过用户投票数据了解项目市场价值,并收获早期支持者。</view>
</view>
<view class="padding ">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">招募早期用户</view>
<view class="text-left padding-lr text-white ">认可开源精神,热爱分享,有一定技术基础,愿意为了梦想付出实践的人。</view>
</view>
<view class="padding-lr">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">项目发起人</view>
<view class="cu-list menu-avatar">
<view class="cu-item margin-lr margin-top-sm solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
<view class="content flex-sub">
<view class="text-df" style="color: #84868E;">几何心凉</view>
<view class="text-gray text-sm flex justify-between" style="color: #84868E;">
DAO中国实验室成员
</view>
</view>
</view>
</view>
</view>
<view class='padding'>
<view class="text-left padding-left padding-right text-xs " style="color: #84868E;">组织及成员</view>
<view class="cu-list margin-lr margin-top-sm">
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{4}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{12}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{10}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view style='background: #0C0C14;padding-bottom: 40rpx;'></view>
</view>
</view>
<view class="cu-tabbar-height"></view>
</view>
<view class="si">
<view class="_action foot">
<view class="wrap" >
<image class="action-btn _op" src="../../images/like.png" mode="widthFix"></image>
<text class="text-bold text" >喜欢</text>
</view>
<view class="wrap" bindtap="showComment">
<image class="action-btn _op" src="../../images/comment.png" mode="widthFix" ></image>
<text class="text-bold text" >评论</text>
</view>
<view class="wrap" bindtap="share" >
<image class="action-btn not-like _op" src="../../images/share.png" mode="widthFix" ></image>
<text class="text-bold text">分享</text>
</view>
</view>
</view>
\ No newline at end of file
<!-- <include src="/pages/template/detail/micapp.wxml" /> -->
<include src="/pages/template/detail/articles.wxml" />
\ No newline at end of file
......@@ -100,4 +100,4 @@ Page{
left: 0;
transform:rotate(45deg);
transform-origin: 100% 100%;
}
\ No newline at end of file
}
......@@ -13,7 +13,7 @@
</view>
</view> -->
<view class=" margin-top" >
<view class="padding margin-top" >
<!-- <view class="text-left padding-lr " style="color: #84868E;">项目名称</view> -->
<towxml nodes="{{markdown}}" id="article"/>
</view>
......
<include src="/pages/template/micapp.wxml" wx:if="{{PageCur=='code'}}" />
<include src="/pages/template/articles.wxml" wx:if="{{PageCur=='articles'}}" />
<include src="/pages/template/new/micapp.wxml" wx:if="{{PageCur=='code'}}" />
<include src="/pages/template/new/articles.wxml" wx:if="{{PageCur=='articles'}}" />
<view class="cu-tabbar-height"></view>
<view class="cu-bar tabbar bg-black foot" style="background: #0C0C14;">
......
<view class="cu-bar solid-bottom padding ">
<view class="action ">
<text class=" margin-top-lg" style="color: #84868E;font-size: small;"> </text>
</view>
</view>
<view class="margin " style=" margin-top:50rpx; background:#1C1F27;">
<view class=" margin-top padding">
<!-- <view class="text-left padding-lr " style="color: #84868E;">项目名称</view> -->
<towxml nodes="{{markdown}}" id="article" />
</view>
<view class="padding ">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">招募早期用户</view>
<view class="text-left padding-lr text-white ">认可开源精神,热爱分享,有一定技术基础,愿意为了梦想付出实践的人。</view>
</view>
<view class="padding-lr">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">项目发起人</view>
<view class="cu-list menu-avatar">
<view class="cu-item margin-lr margin-top-sm solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
<view class="content flex-sub">
<view class="text-df" style="color: #84868E;">几何心凉</view>
<view class="text-gray text-sm flex justify-between" style="color: #84868E;">
DAO中国实验室成员
</view>
</view>
</view>
</view>
</view>
<view class='padding'>
<view class="text-left padding-left padding-right text-xs " style="color: #84868E;">组织及成员</view>
<view class="cu-list margin-lr margin-top-sm">
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{4}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{12}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{10}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view style='background: #0C0C14;padding-bottom: 40rpx;'></view>
</view>
</view>
<view class="cu-tabbar-height"></view>
</view>
<view class="si">
<view class="_action foot">
<view class="wrap">
<image class="action-btn _op" src="../../images/like.png" mode="widthFix"></image>
<text class="text-bold text">喜欢</text>
</view>
<view class="wrap" bindtap="showComment">
<image class="action-btn _op" src="../../images/comment.png" mode="widthFix"></image>
<text class="text-bold text">评论</text>
</view>
<view class="wrap" bindtap="share">
<image class="action-btn not-like _op" src="../../images/share.png" mode="widthFix"></image>
<text class="text-bold text">分享</text>
</view>
</view>
</view>
\ No newline at end of file
<view class="cu-bar solid-bottom padding ">
<view class="action ">
<text class=" margin-top-lg" style="color: #84868E;font-size: small;"> </text>
</view>
</view>
<view class="margin " style=" margin-top:50rpx; background:#1C1F27;">
<view class="padding-xs flex align-center ">
<view class="flex-sub text-center padding-top">
<view class=" text-xl padding-bottom-xs padding-top-xs">
<text class="text-green" style="font-size:36rpx;">开源项目</text>
</view>
</view>
</view>
<view class="padding">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">我发起的项目</view>
<view class="text-left padding-lr " style="color:whitesmoke;">DAO提案工具</view>
</view>
<view class="padding ">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">项目介绍</view>
<view class="text-left padding-lr text-white ">支持DAO成员发起项目提案,通过用户投票数据了解项目市场价值,并收获早期支持者。</view>
</view>
<view class="padding ">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">招募早期用户</view>
<view class="text-left padding-lr text-white ">认可开源精神,热爱分享,有一定技术基础,愿意为了梦想付出实践的人。</view>
</view>
<view class="padding-lr">
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">项目发起人</view>
<view class="cu-list menu-avatar">
<view class="cu-item margin-lr margin-top-sm solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="cu-avatar round lg" style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big10006.jpg);"></view>
<view class="content flex-sub">
<view class="text-df" style="color: #84868E;">几何心凉</view>
<view class="text-gray text-sm flex justify-between" style="color: #84868E;">
DAO中国实验室成员
</view>
</view>
</view>
</view>
</view>
<view class='padding'>
<view class="text-left padding-left padding-right text-xs " style="color: #84868E;">组织及成员</view>
<view class="cu-list margin-lr margin-top-sm">
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{4}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{12}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view class="cu-item padding-lr padding-top solid" style='background: #0C0C14;min-height: 80rpx;'>
<view class="content flex-sub">
<view class="text-df text-white">DAO中国实验室</view>
<view class="cu-avatar-group">
<view class="cu-avatar round" wx:for="{{10}}" wx:key style="background-image:url(https://ossweb-img.qq.com/images/lol/web201310/skin/big1000{{index+1}}.jpg);"></view>
</view>
</view>
</view>
<view style='background: #0C0C14;padding-bottom: 40rpx;'></view>
</view>
</view>
<view class="cu-tabbar-height"></view>
</view>
<view class="si">
<view class="_action foot">
<view class="wrap" >
<image class="action-btn _op" src="../../images/like.png" mode="widthFix"></image>
<text class="text-bold text" >喜欢</text>
</view>
<view class="wrap" bindtap="showComment">
<image class="action-btn _op" src="../../images/comment.png" mode="widthFix" ></image>
<text class="text-bold text" >评论</text>
</view>
<view class="wrap" bindtap="share" >
<image class="action-btn not-like _op" src="../../images/share.png" mode="widthFix" ></image>
<text class="text-bold text">分享</text>
</view>
</view>
</view>
\ No newline at end of file
......@@ -19,6 +19,12 @@
<textarea class="text-left margin-lr margin-top-sm padding-sm text-white solid" style="width:580rpx;height:670rpx;background:#0C0C14;" placeholder="参考:支持DAO成员发起项目提案,通过用户投票数据了解项目市场价值,并获取早期支持者。" cursor-spacing="10"></textarea>
</view>
<view class="padding">
<view class="text-left padding-left padding-right " style="color: #84868E;">项目体验二维码</view>
<view class="flex padding solid margin justify-center align-center" style="border: 1rpx solid #84868E;width:160rpx;height:160rpx;color: #84868E;"><text class='icon-add text-xl'></text></view>
</view>
<view class="padding">
<view class="text-left padding-lr" style="color: #84868E;">适合学习用户</view>
<view class="text-left padding-top-xs padding-left padding-right text-xs " style="color: #84868E;">你认为谁会是你早期的使用用户,最多140个字</view>
......
{
"miniprogramRoot": "miniprogram/",
"cloudfunctionRoot": "cloudfunctions/",
"setting": {
"urlCheck": false,
"es6": false,
"enhance": true,
"postcss": true,
"preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
"miniprogramRoot": "miniprogram/",
"cloudfunctionRoot": "cloudfunctions/",
"setting": {
"urlCheck": false,
"es6": false,
"enhance": true,
"postcss": true,
"preloadBackgroundData": false,
"minified": true,
"newFeature": false,
"coverView": true,
"nodeModules": false,
"autoAudits": false,
"showShadowRootInWxmlPanel": true,
"scopeDataCheck": false,
"uglifyFileName": false,
"checkInvalidKey": true,
"checkSiteMap": true,
"uploadWithSourceMap": true,
"compileHotReLoad": false,
"lazyloadPlaceholderEnable": false,
"useMultiFrameRuntime": true,
"useApiHook": true,
"useApiHostProcess": true,
"babelSetting": {
"ignore": [],
"disablePlugins": [],
"outputPath": ""
},
"useIsolateContext": false,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"disableUseStrict": false,
"minifyWXML": true,
"showES6CompileOption": false,
"useCompilerPlugins": false,
"useStaticServer": true
},
"useIsolateContext": false,
"userConfirmedBundleSwitch": false,
"packNpmManually": false,
"packNpmRelationList": [],
"minifyWXSS": true,
"disableUseStrict": false,
"minifyWXML": true,
"showES6CompileOption": false,
"useCompilerPlugins": false
},
"appid": "wx247b3955d3a38a2d",
"projectname": "quickstart-wx-cloud",
"libVersion": "2.24.6",
"cloudfunctionTemplateRoot": "cloudfunctionTemplate/",
"srcMiniprogramRoot": "miniprogram/",
"compileType": "miniprogram",
"packOptions": {
"ignore": [],
"include": []
},
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 4
},
"description": "项目配置文件,详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"condition": {
"search": {
"list": []
"appid": "wx247b3955d3a38a2d",
"projectname": "quickstart-wx-cloud",
"libVersion": "2.24.6",
"cloudfunctionTemplateRoot": "cloudfunctionTemplate/",
"srcMiniprogramRoot": "miniprogram/",
"compileType": "miniprogram",
"packOptions": {
"ignore": [],
"include": []
},
"conversation": {
"list": []
"editorSetting": {
"tabIndent": "insertSpaces",
"tabSize": 4
},
"plugin": {
"list": []
},
"game": {
"list": []
},
"miniprogram": {
"list": [
{
"id": -1,
"name": "db guide",
"pathName": "pages/databaseGuide/databaseGuide"
"description": "项目配置文件,详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"condition": {
"search": {
"list": []
},
"conversation": {
"list": []
},
"plugin": {
"list": []
},
"game": {
"list": []
},
"miniprogram": {
"list": [
{
"id": -1,
"name": "db guide",
"pathName": "pages/databaseGuide/databaseGuide"
}
]
}
]
}
}
}
\ No newline at end of file
{
"setting": {
"compileHotReLoad": true
},
"projectname": "voting",
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"condition": {
"plugin": {
"list": []
"setting": {
"compileHotReLoad": true
},
"game": {
"list": []
},
"gamePlugin": {
"list": []
},
"miniprogram": {
"list": [
{
"name": "index",
"pathName": "pages/index/index",
"query": ""
},
{
"name": "详情",
"pathName": "pages/detail/detail",
"query": "",
"scene": null
},
{
"name": "新建",
"pathName": "pages/new/new",
"query": "",
"scene": null
"projectname": "voting",
"description": "项目私有配置文件。此文件中的内容将覆盖 project.config.json 中的相同字段。项目的改动优先同步到此文件中。详见文档:https://developers.weixin.qq.com/miniprogram/dev/devtools/projectconfig.html",
"condition": {
"miniprogram": {
"list": [
{
"name": "index",
"pathName": "pages/index/index",
"query": ""
},
{
"name": "详情",
"pathName": "pages/detail/detail",
"query": "",
"scene": null
},
{
"name": "新建",
"pathName": "pages/new/new",
"query": "",
"scene": null
}
]
}
]
}
}
}
\ No newline at end of file
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册