幫助中心模板框架--簡約小清新風格

来源:https://www.cnblogs.com/chenyingying0/archive/2020/05/08/12851392.html
-Advertisement-
Play Games

效果圖 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="css/style.css"> </head ...


效果圖

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>

<div class="container">
    <!-- 左導航 -->
    <div class="menu">
        <h3><i class="q-menu-img positionIicon"></i>快速上手</h3>
        <ul class="ulmenu1">
            <li><a class="selected" href="#tab1">基礎問題</a></li>
            <li><a href="#">儀錶盤</a></li>
            <li><a href="#">事務處理</a></li>
            <li><a href="#">財務處理</a></li>
            <li><a href="#">報表</a></li>
            <li><a href="#">系統設置</a></li>
        </ul>

        <h3><i class="q-menu-doit positionIicon"></i>產品手冊</h3>
        <ul class="ulmenu2">
            <li><a href="#" class="selected">基礎問題</a></li>
            <li><a href="#">操作環境</a></li>
            <li><a href="#">科目問題</a></li>
            <li><a href="#">期初問題</a></li>
            <li><a href="#">期末結轉類憑證問題</a></li>
            <li><a href="#">憑證問題</a></li>
            <li><a href="#">報表</a></li>
            <li><a href="#">數量金額計算</a></li>
            <li><a href="#">賬套信息</a></li>
            <li><a href="#">小規模納稅人和一般納稅人</a></li>
            <li><a href="#">列印問題</a></li>
            <li><a href="#">固定資產問題</a></li>
        </ul>

        <h3><i class="q-menu-three positionIicon"></i>常見問題</h3>
        <ul class="ulmenu3">
            <li><a class="selected" href="#tab1">基礎問題</a></li>
            <li><a href="#">操作環境</a></li>
            <li><a href="#">科目問題</a></li>
            <li><a href="#tab3">期初問題</a></li>
            <li><a href="#tab4">期末結轉類憑證問題</a></li>
            <li><a href="#tab5">憑證問題</a></li>
            <li><a href="#">報表</a></li>
            <li><a href="#">數量金額計算</a></li>
            <li><a href="#">賬套信息</a></li>
            <li><a href="#">小規模納稅人和一般納稅人</a></li>
            <li><a href="#">列印問題</a></li>
            <li><a href="#">固定資產問題</a></li>
        </ul>
    </div>
    <!-- 右內容 -->
    <div class="content">
        <div class="get-menu">
            <a href="#">幫助中心</a>
            <span>></span>
            <a class="A1" href="#">常見問題</a>
        </div>

        <div class="menu1 menu_tab">
            <div id="tab1" class="tab active">
                <p class="tt">1.是如何收費？</p>
                <p>This is Answer！1.是如何收費？？1.是如何收費？？1.是如何收費？？1.是如何收費？？1.是如何收費？？</p>
                <p class="tt">2.安全嗎？</p>
                <p>This is Answer！2.安全嗎？2.安全嗎？2.安全嗎？2.安全嗎？2.安全嗎？2.安全嗎？2.安全嗎？</p>
                <p class="tt">3.的數據能否保存？</p>
                <p>的數據能否保存？的數據能否保存？的數據能否保存？</p>
                <p>的數據能否保存？</p>
            </div>
            <div id="tab2" class="tab">
                <p class="tt">4.快樂加賬號餘額與銀行賬號餘額不一致？</p>
                <p>This is Answer！4.快樂加賬號餘額與銀行賬號餘額不一致？4.快樂加賬號餘額與銀行賬號餘額不一致？4.快樂加賬號餘額與銀行賬號餘額不一致？</p>
                <p class="tt">5.手工憑證的銀行收付轉能為什麼不能反應到儀錶盤？</p>
                <p>This is Answer！5.手工憑證的銀行收付轉能為什麼不能反應到儀錶盤？5.手工憑證的銀行收付轉能為什麼不能反應到儀錶盤？5.手工憑證的銀行收付轉能為什麼不能反應到儀錶盤？5.手工憑證的銀行收付轉能為什麼不能反應到儀錶盤？</p>
            </div>
            <div id="tab3" class="tab">
                <p class="tt">6.新增銀行賬號處”是否現金賬戶”什麼意思？</p>
                <p>This is Answer！6.新增銀行賬號處”是否現金賬戶”什麼意思？6.新增銀行賬號處”是否現金賬戶”什麼意思？</p>
                <p class="tt">7.事務處理處生成的憑證屬於哪個會計期間的？？</p>
                <p>This is Answer！7.事務處理處生成的憑證屬於哪個會計期間的？？7.事務處理處生成的憑證屬於哪個會計期間的？？7.事務處理處生成的憑證屬於哪個會計期間的？？7.事務處理處生成的憑證屬於哪個會計期間的？？7.事務處理處生成的憑證屬於哪個會計期間的？？</p>
                <p class="tt">8.憑單與費用報銷單有什麼區別？</p>
                <p>This is Answer！8.憑單與費用報銷單有什麼區別？8.憑單與費用報銷單有什麼區別？8.憑單與費用報銷單有什麼區別？8.憑單與費用報銷單有什麼區別？</p>
                <p class="tt">9.財務覆核的時候若發現上交的發票與報銷不符，在系統該怎麼操作？</p>
                <p>This is Answer！9.財務覆核的時候若發現上交的發票與報銷不符，在系統該怎麼操作？9.財務覆核的時候若發現上交的發票與報銷不符，在系統該怎麼操作？9.財務覆核的時候若發現上交的發票與報銷不符，在系統該怎麼操作？</p>
                <p class="tt">10.費用報銷個步驟中，哪個步驟會自動生成會計憑證？</p>
                <p>This is Answer！10.費用報銷個步驟中，哪個步驟會自動生成會計憑證？10.費用報銷個步驟中，哪個步驟會自動生成會計憑證？10.費用報銷個步驟中，哪個步驟會自動生成會計憑證？</p>
                <p class="tt">11.已提交的報銷單如發現填寫錯誤能撤回嗎？</p>
                <p>This is Answer！11.已提交的報銷單如發現填寫錯誤能撤回嗎？11.已提交的報銷單如發現填寫錯誤能撤回嗎？11.已提交的報銷單如發現填寫錯誤能撤回嗎？11.已提交的報銷單如發現填寫錯誤能撤回嗎？</p>
                <p class="tt">12.工資處理處社保公積金都能自動計算的嗎？</p>
                <p>This is Answer！12.工資處理處社保公積金都能自動計算的嗎？</p>
            </div>
            <div id="tab4" class="tab">
                <p class="tt">13.為什麼關賬後損益類科目還有餘額？</p>
                <p>This is Answer！</p>
                <p class="tt">14.月末關賬後發現憑證錄入有誤還能再修改嗎？</p>
                <p>月末關賬後發現憑證錄入有誤還能再修改嗎？月末關賬後發現憑證錄入有誤還能再修改嗎？月末關賬後發現憑證錄入有誤還能再修改嗎？</p>
                <p class="tt">15.年結憑證需要自己手動錄入嗎</p>
                <p>年結憑證需要自己手動錄入嗎年結憑證需要自己手動錄入嗎年結憑證需要自己手動錄入嗎年結憑證需要自己手動錄入嗎</p>
                <p class="tt">16.系統能自動生成哪些憑證，哪些憑證需要手工錄入？</p>
                <p>系統能自動生成哪些憑證，哪些憑證需要手工錄入？16、系統能自動生成哪些憑證，哪些憑證需要手工錄入？？</p>
                <p class="tt">17.在其他財務軟體做的憑證能導入系統嗎？</p>
                <p>在其他財務軟體做的憑證能導入系統嗎？在其他財務軟體做的憑證能導入系統嗎？在其他財務軟體做的憑證能導入系統嗎？在其他財務軟體做的憑證能導入系統嗎？</p>
                <p class="tt">18.為什麼有些憑證不能刪除？</p>
                <p>為什麼有些憑證不能刪除？為什麼有些憑證不能刪除？</p>
                <p class="tt">19.業務驅動收到或者開具的發票能刪除嗎？</p>
                <p>業務驅動收到或者開具的發票能刪除嗎？19.業務驅動收到或者開具的發票能刪除嗎？19.業務驅動收到或者開具的發票能刪除嗎？</p>
                <p class="tt">20.稅收測算表的增值稅及營業稅以什麼為根據來計算的？</p>
                <p>稅收測算表的增值稅及營業稅以什麼為根據來計算的？稅收測算表的增值稅及營業稅以什麼為根據來計算的？稅收測算表的增值稅及營業稅以什麼為根據來計算的？</p>
                <p class="tt">21.稅收管理報表計提生成憑證後若發現計提錯誤還能修改嗎？</p>
                 <p>稅收管理報表計提生成憑證後若發現計提錯誤還能修改嗎？21、稅收管理報表計提生成憑證後若發現計提錯誤還能修改嗎？21、稅收管理報表計提生成憑證後若發現計提錯誤還能修改嗎？</p>
            </div>
            <div id="tab5" class="tab">
                <p class="tt">22.賬齡表初始化是什麼意思？</p>
                <p>This is Answer！</p>
                <p class="tt">23.在哪裡可以查看明細帳？</p>
                <p>在哪裡可以查看明細帳？在哪裡可以查看明細帳？在哪裡可以查看明細帳？在哪裡可以查看明細帳？</p>
                <p class="tt">24.每生成一張憑證之後為什麼三大報表及科目餘額表都會改變？</p>
                <p>每生成一張憑證之後為什麼三大報表及科目餘額表都會改變？每生成一張憑證之後為什麼三大報表及科目餘額表都會改變？每生成一張憑證之後為什麼三大報表及科目餘額表都會改變？每生成一張憑證之後為什麼三大報表及科目餘額表都會改變？</p>
                <p class="tt">25.如何查看關賬月份前的報表？</p>
                <p>如何查看關賬月份前的報表？如何查看關賬月份前的報表？如何查看關賬月份前的報表？</p>
            </div>
            <div id="tab6" class="tab">
                <p class="tt">26.如何錄入科目期初餘額？</p>
                <p>This is Answer！</p>
                <p class="tt">27.初始化的時候期初餘額錄入錯誤怎麼修改?</p>
                <p>初始化的時候期初餘額錄入錯誤怎麼修改?</p>
                <p class="tt">28.初始化的時候科目餘額為什麼錄入不進去？</p>
                <p>初始化的時候科目餘額為什麼錄入不進去？28、初始化的時候科目餘額為什麼錄入不進去？28、初始化的時候科目餘額為什麼錄入不進去？</p>
                <p class="tt">29.科目匹配是什麼意思？</p>
                <p>科目匹配是什麼意思？科目匹配是什麼意思？科目匹配是什麼意思？</p>
                <p class="tt">30.為什麼有些科目刪除不了？</p>
                <p>This is Answer！</p>
                <p class="tt">31.如何增加一級科目？會計科目到幾級？</p>
                <p>如何增加一級科目？會計科目到幾級？如何增加一級科目？會計科目到幾級？如何增加一級科目？會計科目到幾級？如何增加一級科目？會計科目到幾級？</p>
                <p class="tt">32.如何增加、修改、刪除科目？</p>
                <p>如何增加、修改、刪除科目？如何增加、修改、刪除科目？如何增加、修改、刪除科目？如何增加、修改、刪除科目？如何增加、修改、刪除科目？如何增加、修改、刪除科目？</p>
                <p class="tt">33. 科目是按照哪個企業會計準則來的？</p>
                <p>科目是按照哪個企業會計準則來的？科目是按照哪個企業會計準則來的？科目是按照哪個企業會計準則來的？科目是按照哪個企業會計準則來的？</p>
                <p class="tt">34.是否支持輔助核算？如何核算每個客戶或者供應商的往來款項？</p>
                <p>This is Answer！</p>
                <p class="tt">35.若員工離職了，如何把該員工從系統中刪除？</p>
                <p>若員工離職了，如何把該員工從系統中刪除若員工離職了，如何把該員工從系統中刪除若員工離職了，如何把該員工從系統中刪除？</p>
                <p class="tt">36.如何修改報銷審批人？</p>
                <p>如何修改報銷審批人？36、如何修改報銷審批人？36、如何修改報銷審批人？</p>
                <p class="tt">37.員工個人信息如何修改？</p>
                <p>員工個人信息如何修改員工個人信息如何修改員工個人信息如何修改員工個人信息如何修改</p>
            </div>
        </div>

        <div class="menu2 menu_tab">
            <div id="tab-1" class="tab">
                <p class="tt">1. Question</p>
                <p>This is Answer！</p>
                <p class="tt">2. Question</p>
                <p>This is Answer！</p>
                <p class="tt">3. Question</p>
                <p>This is Answer！</p>
                <p>This is Answer！</p>
            </div>
            <div id="ta-2" class="tab">
                <p class="tt">3. Question</p>
                <p>This is Answer！</p>
                <p>This is Answer！</p>
            </div>
            <div id="tab-3" class="tab">
                <p class="tt">3.Question</p>
                <p>This is Answer！</p>
                <p>This is Answer！</p>
            </div>
            <div id="tab-4" class="tab">
                <p class="tt">2.Question</p>
                <p>This is Answer！</p>
                <p>This is Answer！</p>
            </div>
            <div id="tab-5" class="tab">table5</div>
            <div id="tab-6" class="tab">table6</div>
            <div id="tab-7" class="tab">table7</div>
            <div id="tab-8" class="tab">table8</div>
            <div id="tab-9" class="tab">table9</div>
            <div id="tab-10" class="tab">table10</div>
            &
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • js中十進位與二進位、八進位、十六進位的互相轉換
    // var num = 234; // console.log(num); // var er = num.toString(2); // console.log(er); // var ba = num.toString(8); // console.log(ba); // var sl = n ...
  • js生成一個範圍內隨機數Math.random
    //random() 方法可返回介於 0 ~ 1 之間的一個隨機數。 //生成最小min到最大max的隨機數 function random(min,max){ if(min > max){ var ls = min; min = max; max = ls; } return Math.floor ...
  • js不改變原數組的情況下取數值數組的最大值和最小值
    function getMax(abc){ // 1.要深拷貝數組 abc = abc.slice(0); // 2.排序（升序第一個值是最小值，降序第一個值是最大值） abc.sort(function(a,b){return b-a}); // 3.返回第一個值 return abc[0]; } ...
  • 谷歌訪問助手安裝（附安裝包永久有效）
    1、電腦安裝Chrome瀏覽器，最後步驟註意《打開開發者模式》，把解壓的文件夾直接拖到最後的頁面，谷歌訪問助手雲盤鏈接: https://pan.baidu.com/s/1xney03jULcmBtemolgh_qQ 提取碼: w9ah (永久有效) ...
  • 現代都市風 移動端可摺疊導航菜單
    效果圖 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="https://fonts.googleap ...
  • 移動端檢測微信瀏覽器返回，關閉，進入後臺操作
    背景：最近做一個倒計時記錄學習時長項目，需要在用戶點擊瀏覽器的返回按鈕或者直接關閉瀏覽器，或者直接退出微信或者進入後臺時記錄下當前頁面的進度，下次進去從上次退出的地方開始倒計時。一開始想的很簡單直接監測瀏覽器的返回事件window.onbeforeunload，在安卓和pc上可以監測到，但是iOS上 ...
  • 電器類電商網站分類大菜單，配色超舒服~
    效果圖 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="css/style.css"> </head ...
  • 學習Vue(一)
    一、安裝 npm 1、 https://www.cnblogs.com/lgx5/p/10732016.html 二、安裝nginx 1、 https://blog.csdn.net/zuoyigehaizei/article/details/93061002 2、配置Nginx多站點 打開配置文件 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發（一）：使用.NET MAUI開發第一個安卓APP
    移動開發（一）：使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說，近來想嘗試開發一款安卓APP，考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP，畢竟是使用Visual Studio開發工具，使用起來也比較的順手，結合微軟官方的教程進行了安卓 ...
  • wpf ToggleButton選中效果和一個登錄界面
    前言 QuestPDF 是一個開源 .NET 庫，用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫，它徹底改變了我們生成 PDF 文檔的方 ...
  • 彈幕樹洞項目功能新增篇
    項目地址 項目後端地址： https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址： ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址： http://tree ...
  • 第27篇 sqlserver2022詳細安裝步驟
    話不多說，直接開乾 一.下載 1.官方鏈接下載： https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe，運行開始下載SQL server； 二. ...
  • .NET 開源高性能 MQTT 類庫
    前言 隨著物聯網（IoT）技術的迅猛發展，MQTT（消息隊列遙測傳輸）協議憑藉其輕量級和高效性，已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫，為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog文檔翻譯系列（六） - 可用的接收器、增強器、格式化輸出
    Serilog支持多種接收器用於日誌存儲，增強器用於添加屬性，LogContext管理動態屬性，支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項，適用於不同需求。 ...
  • 警惕 Visual Studio 屬性求值副作用導致邏輯不符合預期
    目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據，爬取信息時需要模擬瀏覽器行為，否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下： 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • [使用目前最新版]HybridCLR6.9.0+YooAsset2.2.4實現純C# Unity熱更新方案 (一)
    1.前言 什麼是熱更新 游戲或者軟體更新時，無需重新下載客戶端進行安裝，而是在應用程式啟動的情況下，在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR，Xlua，ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles，Addressable， ...
  • 在 ASP.NET Core Web API 中使用操作篩選器統一處理通用操作
    本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺，其實像阿裡雲，騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後，它會送 ...
  • 第28篇 如何.net中實現高效可靠數據同步api
    通過以下方式可以高效，並保證數據同步的可靠性 1.API設計 使用RESTful設計，確保API端點明確，並使用適當的HTTP方法（如POST用於創建，PUT用於更新）。 設計清晰的請求和響應模型，以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證，確保接收到的數據符合預期格 ...
所有分類